/**
 * ============================================================
 *  DESIGN TOKENS — jordanbachelor.com
 *  THEME: bright editorial · warm white + ink + one sharp red
 * ============================================================
 */

:root {
  /* ── Raw scales ─────────────────────────────────────────── */
  --color-paper:            #ffffff;   /* page */
  --color-paper-warm:       #f6f1ec;   /* alternating band */
  --color-paper-card:       #ffffff;   /* cards */
  --color-ink:              #1b1714;   /* near-black, warm */
  --color-ink-soft:         #574e47;   /* body secondary */
  --color-ink-mute:         #94897f;   /* tertiary / captions */

  --color-red-400:          #ef5350;
  --color-red-500:          #e02d23;   /* primary accent */
  --color-red-600:          #c01f17;
  --color-red-700:          #9c1812;
  --color-red-900:          #4a0a07;
  --color-gold-300:         #e8c86d;
  --color-gold-500:         #b98b2e;   /* warm credential accent (used sparingly) */
  --color-gold-700:         #8a661f;

  /* dark scale — kept for intentionally dark elements (the terminal) */
  --color-dark-bg:          #0d0a08;
  --color-dark-surface:     #14100d;
  --color-dark-card:        #1a1410;
  --color-dark-elevated:    #1d1813;
  --color-dark-text-primary:   #f7f2ec;
  --color-dark-text-secondary: #c9bcae;
  --color-dark-text-tertiary:  #8a7d6f;

  /* light-section aliases (legacy names used by base.css) */
  --color-light-bg:         var(--color-paper);
  --color-light-surface:    var(--color-paper-warm);
  --color-light-card:       var(--color-paper-card);
  --color-light-border:     rgba(27,23,20,0.10);
  --color-light-text-primary:   var(--color-ink);
  --color-light-text-secondary: var(--color-ink-soft);
  --color-light-text-tertiary:  var(--color-ink-mute);

  /* ── Semantic (now light by default) ────────────────────── */
  --color-bg-primary:    var(--color-paper);
  --color-bg-secondary:  var(--color-paper-warm);
  --color-bg-tertiary:   var(--color-paper-card);
  --color-bg-elevated:   #fbf8f5;
  --color-text-primary:  var(--color-ink);
  --color-text-secondary:var(--color-ink-soft);
  --color-text-tertiary: var(--color-ink-mute);
  --color-text-accent:   var(--color-red-500);
  --color-border:        rgba(27,23,20,0.10);
  --color-border-hover:  rgba(224,45,35,0.45);
  --color-border-active: rgba(224,45,35,0.70);

  /* ── Shadows — soft, for a light surface ────────────────── */
  --shadow-sm:    0 1px 2px rgba(27,23,20,0.06);
  --shadow-md:    0 6px 22px rgba(27,23,20,0.08);
  --shadow-lg:    0 20px 52px rgba(27,23,20,0.13);
  --shadow-gold:  0 0 28px rgba(185,139,46,0.18);
  --shadow-red:   0 10px 30px rgba(224,45,35,0.22);
  --shadow-card:  0 2px 18px rgba(27,23,20,0.06);

  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', monospace;

  --size-xs:   0.75rem;
  --size-sm:   0.875rem;
  --size-base: 1rem;
  --size-lg:   1.125rem;
  --size-xl:   1.25rem;
  --size-2xl:  1.5rem;
  --size-3xl:  1.875rem;
  --size-4xl:  2.25rem;
  --size-5xl:  3rem;
  --size-6xl:  3.75rem;
  --size-7xl:  4.5rem;

  --weight-regular: 400;
  --weight-medium:  500;
  --weight-bold:    700;
  --leading-tight:  1.2;
  --leading-snug:   1.4;
  --leading-normal: 1.6;
  --leading-loose:  1.8;

  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  --max-width-content: 1100px;
  --max-width-narrow:  680px;

  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-full: 9999px;

  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;
  --transition-spring: 350ms cubic-bezier(0.34,1.56,0.64,1);

  --z-base:    1;
  --z-raised:  10;
  --z-overlay: 100;
  --z-modal:   200;
  --z-nav:     300;
  --z-toast:   400;
}