/* ==========================================================================
   Color Palette - Variables CSS
   ========================================================================== */

:root {
  /* Primary Colors (Brand Blue from logo #1d3082) */
  --color-primary: #1d3082;
  --color-primary-muted: #374a99;
  --color-primary-intense: #0f1a4d;

  /* Secondary Colors (Complementary Gray-Blue) */
  --color-secondary: #5a6b8c;
  --color-secondary-muted: #7a8aa8;
  --color-secondary-intense: #3d4d6b;

  /* Accent Colors (Brand Red from logo #c31c24) */
  --color-accent: #c31c24;
  --color-accent-muted: #a63940;
  --color-accent-intense: #e01520;

  /* Light Colors (Backgrounds in light mode / Text in dark mode) */
  --color-light: #f5f6f8;
  --color-light-muted: #e8eaed;
  --color-light-intense: #ffffff;

  /* Dark Colors (Text in light mode / Backgrounds in dark mode) */
  --color-dark: #1a1d24;
  --color-dark-muted: #2d3139;
  --color-dark-intense: #0d0f12;

  /* UI Colors (Borders, Dividers) */
  --color-ui: #d4d7dd;
  --color-ui-muted: #e5e7eb;
  --color-ui-intense: #b8bcc4;
}