/* ============================================================
   Dreamfinder Solutions — Color tokens
   Palette derived from the brand mark: midnight navy moon,
   gold compass needle, steel-silver star, cream interior.
   ============================================================ */
:root {
  /* ---- Base palette: Navy (midnight / moon body) ---- */
  --navy-950: #0B1326;
  --navy-900: #0F1A33;
  --navy-800: #16233F;
  --navy-700: #1F2D52;  /* primary brand navy (wordmark) */
  --navy-600: #2A3A66;
  --navy-500: #354A7E;

  /* ---- Base palette: Blue (royal / compass + "SOLUTIONS") ---- */
  --blue-700: #284A92;
  --blue-600: #3457A6;  /* royal brand blue */
  --blue-500: #4A6FBF;
  --blue-400: #6E8FD4;
  --blue-300: #9DB4E4;
  --blue-200: #C8D6F0;
  --blue-100: #E5ECFA;

  /* ---- Base palette: Gold (compass needle / clock ticks / "LLC") ---- */
  --gold-700: #9E7C28;
  --gold-600: #B8902F;
  --gold-500: #C9A24B;  /* primary gold accent */
  --gold-400: #D9BC6E;
  --gold-300: #E6CF96;
  --gold-200: #F1E3C2;

  /* ---- Base palette: Steel (compass star / cool neutral) ---- */
  --steel-700: #54627C;
  --steel-500: #8A99B5;
  --steel-400: #A9B6CD;
  --steel-300: #C6CFDF;
  --steel-200: #DDE3EE;

  /* ---- Base palette: Cream / warm neutrals (interior, paper) ---- */
  --cream-50:  #FBFAF6;
  --cream-100: #F4F1E9;
  --cream-200: #EAE5D8;
  --white:     #FFFFFF;

  /* ---- Functional / status ---- */
  --success-600: #2F7D5B;
  --success-100: #DDF0E5;
  --warning-600: #B8902F;
  --warning-100: #F6EBCE;
  --danger-600:  #B23B45;
  --danger-100:  #F6DEE0;
  --info-600:    #3457A6;
  --info-100:    #E5ECFA;

  /* =========================================================
     SEMANTIC ALIASES — reference these in components/screens
     ========================================================= */

  /* Brand */
  --brand-primary:    var(--navy-700);
  --brand-secondary:  var(--blue-600);
  --brand-accent:     var(--gold-500);
  --brand-accent-ink: var(--gold-700);

  /* Surfaces & backgrounds */
  --bg-page:        var(--cream-50);
  --bg-subtle:      var(--cream-100);
  --bg-inverse:     var(--navy-800);   /* dark celestial sections */
  --bg-inverse-deep:var(--navy-950);
  --surface-card:   var(--white);
  --surface-raised: var(--white);
  --surface-sunken: var(--cream-100);

  /* Text on light */
  --text-primary:   var(--navy-800);
  --text-secondary: var(--steel-700);
  --text-muted:     #8089A0;
  --text-accent:    var(--gold-700);
  --text-link:      var(--blue-600);

  /* Text on dark / inverse */
  --text-on-dark:        #EEF2FA;
  --text-on-dark-muted:  #A7B4CE;
  --text-on-dark-accent: var(--gold-400);

  /* Borders & lines */
  --border-subtle:  #E4E0D6;
  --border-default: #D7D2C6;
  --border-strong:  var(--steel-400);
  --border-inverse: rgba(255,255,255,0.14);
  --border-accent:  var(--gold-500);

  /* Interactive states */
  --focus-ring:     var(--blue-500);
  --overlay-scrim:  rgba(11,19,38,0.62);
}