/* Odin Press Design System — CSS Custom Properties
   Palette A "Ink & Oxblood". Single source of truth; never hardcode elsewhere. */

:root {

  /* ─── Palette A: Ink & Oxblood ─────────────────────────── */
  --paper:        #F4EFE6;   /* warm ivory background */
  --paper-2:      #EDE6D8;   /* slightly deeper card / alt band */
  --ink:          #1A222C;   /* near-black navy — body text */
  --slate:        #24384D;   /* slate navy — headers, footer, nav */
  --slate-2:      #1B2A3A;   /* darker slate for nav depth */
  --oxblood:      #7B2D26;   /* accent — links, CTAs, rules */
  --oxblood-hover:#5F221C;
  --brass:        #B08D4C;   /* detail — ornaments, hover, raven */
  --brass-light:  #C9A968;
  --warm-gray:    #6E6558;   /* supporting text */
  --line:         #D9CFBE;   /* hairline borders on paper */
  --line-dark:    #33465B;   /* borders on dark */

  /* ─── Semantic mappings ────────────────────────────────── */
  --bg:            var(--paper);
  --text:          var(--ink);
  --text-muted:    var(--warm-gray);
  --accent:        var(--oxblood);
  --accent-hover:  var(--oxblood-hover);
  --on-dark:       #EDE6D8;
  --on-dark-muted: #A9B4C0;

  /* ─── Typography ────────────────────────────────────────── */
  /* Transitional serif for titles/wordmark; humanist sans for body.
     Production self-hosts Spectral + Inter; these stacks degrade gracefully. */
  /* 'Odin Schola' = TeX Gyre Schola, the exact serif on the book covers (title + ODIN PRESS wordmark) */
  --font-serif:    'Odin Schola', 'Century Schoolbook', Georgia, 'Times New Roman', serif;
  --font-wordmark: 'Odin Garamond', 'EB Garamond', 'Garamond', Georgia, serif;
  --font-sans:     'Inter', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;

  --leading-tight:   1.2;
  --leading-snug:    1.35;
  --leading-normal:  1.6;
  --leading-relaxed: 1.75;

  --tracking-tight: -0.01em;
  --tracking-wide:   0.06em;
  --tracking-wider:  0.16em;   /* wordmark small-caps tracking */

  /* ─── Spacing ───────────────────────────────────────────── */
  --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;

  --container:  1180px;
  --container-narrow: 760px;

  /* ─── Radius / shadow / transition ─────────────────────── */
  --radius-sm: 2px;
  --radius:    4px;
  --radius-lg: 8px;
  --shadow-sm: 0 1px 3px rgba(26,34,44,0.08);
  --shadow:    0 6px 20px rgba(26,34,44,0.12), 0 2px 6px rgba(26,34,44,0.06);
  --shadow-lg: 0 16px 44px rgba(26,34,44,0.18);
  --transition: 160ms ease;
}