/* Rova — Color tokens
   Core brand: Navy #0F172A · Gold #F59E0B · White #FFFFFF
   Neutrals follow a cool slate ramp that harmonises with the navy. */
:root {
  /* ---- Brand primitives ---- */
  --navy-900: #0B1120;   /* deepest — hero backgrounds */
  --navy-800: #0F172A;   /* MAIN brand navy */
  --navy-700: #1E293B;   /* alternate darker blue / raised surfaces */
  --navy-600: #334155;   /* borders on dark, muted dark text */

  --gold-600: #D97706;   /* pressed / hover-dark accent */
  --gold-500: #F59E0B;   /* ACCENT gold — the rova dot */
  --gold-400: #FBBF24;   /* lighter gold, highlights */
  --gold-100: #FEF3C7;   /* gold tint surface */

  /* ---- Neutral slate ramp ---- */
  --slate-950: #020617;
  --slate-900: #0F172A;
  --slate-800: #1E293B;
  --slate-700: #334155;
  --slate-600: #475569;
  --slate-500: #64748B;
  --slate-400: #94A3B8;  /* brand grey */
  --slate-300: #CBD5E1;
  --slate-200: #E2E8F0;
  --slate-100: #F1F5F9;
  --slate-50:  #F8FAFC;
  --white:     #FFFFFF;

  /* ---- Semantic aliases ---- */
  --color-bg: var(--white);
  --color-bg-subtle: var(--slate-50);
  --color-bg-inverse: var(--navy-800);
  --color-bg-inverse-deep: var(--navy-900);

  --surface-card: var(--white);
  --surface-card-inverse: var(--navy-700);
  --surface-muted: var(--slate-100);
  --surface-gold: var(--gold-100);

  --text-strong: var(--navy-800);    /* headings */
  --text-body: var(--slate-700);     /* paragraph */
  --text-muted: var(--slate-500);    /* captions, meta */
  --text-faint: var(--slate-400);    /* placeholder */
  --text-on-dark: var(--white);
  --text-on-dark-muted: var(--slate-400);
  --text-accent: var(--gold-500);

  --accent: var(--gold-500);
  --accent-hover: var(--gold-400);
  --accent-press: var(--gold-600);

  --border-subtle: var(--slate-200);
  --border-default: var(--slate-300);
  --border-strong: var(--slate-400);
  --border-on-dark: var(--navy-600);

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