/* AEB Design System — Color tokens
   Base palette + semantic aliases. Deep navy & gold, studio-executive feel. */

:root {
  /* ---- Base palette ---- */
  --navy-900: #0A1B2B;   /* darkest — deep backgrounds, overlays */
  --navy-800: #0F2438;   /* brand navy — primary surface, header/footer */
  --navy-700: #1B3550;
  --navy-600: #2C4A6B;
  --navy-500: #45638A;

  --gold-700: #A17E2E;
  --gold-600: #B98C34;
  --gold-500: #C99A3B;   /* brand gold — accents, CTAs, prestige marks */
  --gold-400: #D6AF63;
  --gold-300: #E3C68F;
  --gold-100: #F3E4C4;

  --ivory-100: #F4F1EA;  /* brand ivory — page background, light surfaces */
  --ivory-050: #FAF8F3;

  --slate-700: #4B5563;
  --slate-500: #6B7280;  /* brand slate — secondary text, borders */
  --slate-300: #A1A7B0;
  --slate-100: #E4E6E9;

  --white: #FFFFFF;

  /* ---- Semantic status (muted, editorial — not saturated system defaults) ---- */
  --success-600: #3F7A55;
  --success-100: #E3EEE6;
  --warning-600: #A66A1F;
  --warning-100: #F5E7D3;
  --error-600: #9B3B3B;
  --error-100: #F3E1E1;
  --info-600: #375E82;
  --info-100: #E1E9EF;

  /* ---- Semantic surface / text aliases ---- */
  --surface-page: var(--ivory-100);
  --surface-canvas: var(--ivory-050);
  --surface-card: var(--white);
  --surface-navy: var(--navy-800);
  --surface-navy-raised: var(--navy-700);
  --surface-sunken: var(--slate-100);

  --text-primary: var(--navy-900);
  --text-secondary: var(--slate-700);
  --text-muted: var(--slate-500);
  --text-on-navy: var(--ivory-100);
  --text-on-navy-muted: var(--slate-300);
  --text-on-gold: var(--navy-900);
  --text-link: var(--navy-700);
  --text-link-hover: var(--gold-700);

  --accent-primary: var(--gold-500);
  --accent-primary-hover: var(--gold-600);
  --accent-primary-active: var(--gold-700);
  --accent-on-accent: var(--navy-900);

  --border-subtle: var(--slate-100);
  --border-default: var(--slate-300);
  --border-strong: var(--navy-700);
  --border-on-navy: rgba(244, 241, 234, 0.18);

  --focus-ring: var(--gold-500);

  /* ---- Shadows ---- */
  --shadow-sm: 0 1px 2px rgba(15, 36, 56, 0.08);
  --shadow-md: 0 4px 12px rgba(15, 36, 56, 0.10);
  --shadow-lg: 0 12px 32px rgba(15, 36, 56, 0.16);
  --shadow-gold-glow: 0 0 0 1px rgba(201, 154, 59, 0.35), 0 6px 20px rgba(201, 154, 59, 0.18);
}