/* ============================================================
   Uncharted Leadership — Color System
   Sampled directly from the book cover & launch templates.
   Deep navy field, warm expedition accents (orange, gold),
   cream paper, and warm sand for light surfaces.
   ============================================================ */

:root {
  /* ---- Navy (primary brand field) ---- */
  --navy-950: #12142E; /* deepest — shadows, footer */
  --navy-900: #1A1C42; /* PRIMARY brand navy (cover field) */
  --navy-800: #23265A; /* raised surface on navy */
  --navy-700: #2E3270; /* hairline borders on navy, hover */
  --navy-600: #3C4189; /* muted navy text on light */

  /* ---- Orange (primary accent — the compass) ---- */
  --orange-600: #E1741A; /* pressed */
  --orange-500: #F0882A; /* PRIMARY orange (cover LEADER) */
  --orange-400: #FF8D36; /* bright badge orange */
  --orange-300: #FBA85C; /* tints */
  --orange-100: #FCE3CC; /* wash */

  /* ---- Gold (secondary accent — trail markers) ---- */
  --gold-500: #EBC24A;
  --gold-400: #F4D35E; /* gold/yellow (cover UN / SHIP, preorder bg) */
  --gold-300: #F7DE7E;
  --gold-100: #FBF0CC;

  /* ---- Cream (paper) ---- */
  --cream-50:  #FBFAF3;
  --cream-100: #F4F1E4; /* PRIMARY paper (cover cream) */
  --cream-200: #ECE7D4;

  /* ---- Sand (warm light surface) ---- */
  --sand-100: #FBEAD0;
  --sand-200: #F6D8AE; /* warm sand (retailers bg) */
  --sand-300: #EFC98F;

  /* ---- Neutral ink (on cream) ---- */
  --ink-900: #1D1E2B; /* body text on light */
  --ink-700: #3A3C4E;
  --ink-500: #6B6D80; /* secondary text */
  --ink-300: #A9AAB8; /* disabled / hint */
  --ink-100: #D9D8E0; /* borders on light */

  /* ---- Feedback ---- */
  --success: #3E8E6E;
  --warning: #E2A32B;
  --danger:  #C4472F;
  --info:    #3C4189;

  /* ============================================
     Semantic aliases
     ============================================ */

  /* Surfaces */
  --surface-page:      var(--cream-100);
  --surface-page-warm: var(--sand-200);
  --surface-card:      #FFFFFF;
  --surface-raised:    var(--cream-50);
  --surface-inverse:   var(--navy-900);
  --surface-inverse-2: var(--navy-800);

  /* Text */
  --text-strong:   var(--ink-900);
  --text-body:     var(--ink-700);
  --text-muted:    var(--ink-500);
  --text-on-dark:  var(--cream-100);
  --text-on-dark-muted: #B7B9D6;
  --text-brand:    var(--orange-500);

  /* Accents */
  --accent-primary: var(--orange-500);
  --accent-gold:    var(--gold-400);
  --accent-deep:    var(--navy-900);

  /* Borders */
  --border-subtle:  var(--ink-100);
  --border-strong:  var(--ink-300);
  --border-on-dark: var(--navy-700);
  --border-accent:  var(--orange-500);

  /* Focus */
  --focus-ring: var(--orange-400);
}