/* ==========================================================================
   G.W. Pastore / Il Falco — Design Tokens v1.0.0
   Single source of truth. Every artifact (site, PDF companion notes, email,
   OG images, Patreon/Royal Road mockups) consumes these — nothing hardcodes
   a hex or a font name outside this file.

   Default theme: LIGHT (parchment/cartographer's-desk). This is a deliberate
   differentiator from the sibling Gabanich identity (dark navy + gold) — see
   brand report "flagged judgment calls" for reasoning.
   An optional dark variant is provided for a future toggle; light is canonical.
   ========================================================================== */

:root {
  /* ---- Neutrals: aged paper / iron-gall ink ---- */
  --bg:            #f4ecd8; /* page background — warm vellum/parchment */
  --surface:       #ece0c4; /* panel / card / section band — deeper vellum */
  --surface-2:     #e2d3ab; /* table stripe, recessed well, hairline fill */
  --ink:           #2a2018; /* primary text — iron-gall ink brown-black */
  --ink-mute:      #6b5d47; /* secondary text — faded ink */
  --rule:          #cbb98e; /* hairline borders / dividers on light bg */
  --muted:         #9c8f74; /* disabled / tertiary icons, borders only — NOT text (2.7:1) */

  /* ---- Brand: oxidized brass / verdigris (cartographer's instruments) ---- */
  --brand:         #1f5c56; /* primary brand color — links, primary actions, wordmark rule */
  --brand-dark:    #163f3b; /* hover / pressed state */
  --brand-tint:    #6fb3a8; /* brand color lifted for use on dark surfaces */

  /* ---- Accent: sealing-wax terracotta (secondary CTA, escalation marks) ---- */
  --accent:        #a23b2e;
  --accent-dark:   #7c2c22; /* hover / pressed state */

  /* ---- Status (always pair with icon/shape — never color alone) ---- */
  --ok:            #2f6b3a; /* pair with a check/circle glyph */
  --warn:          #8a5a12; /* pair with a triangle glyph */
  --bad:           #7a3348; /* pair with an x/octagon glyph — deliberately a
                                distinct wine-red, not a shade of --accent,
                                so status and brand-CTA never get confused */

  /* ---- Dark-surface companions (for --ink-on-dark sections, e.g. footer bands) ---- */
  --bg-dark:       #241c15;
  --ink-on-dark:   #f4ecd8;
  --ink-mute-on-dark: #b4a48a;

  /* ---- Typography ---- */
  --font-heading: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-body:    "Piazzolla", Georgia, "Times New Roman", serif;
  --font-mono-label: "Piazzolla", Georgia, serif; /* small-caps/oldstyle-figure label use, not a true monospace */

  --font-size-xs:   0.75rem;   /* 12px — captions, fine print */
  --font-size-sm:   0.875rem;  /* 14px — meta lines, labels */
  --font-size-base: 1.125rem;  /* 18px — body copy */
  --font-size-md:   1.25rem;   /* 20px — lede / intro paragraph */
  --font-size-lg:   1.5rem;    /* 24px — h3 */
  --font-size-xl:   2rem;      /* 32px — h2 */
  --font-size-2xl:  2.5rem;    /* 40px — h1 (page title) */
  --font-size-3xl:  3.25rem;   /* 52px — hero / display title */

  --line-height-body: 1.6;
  --line-height-tight: 1.15;
  --tracking-kicker: 0.16em;   /* small-caps kicker labels, e.g. "EPISODE TWO" */
  --tracking-wide:   0.06em;   /* headings, wordmark */

  /* ---- Spacing scale (4px base) ---- */
  --space-1: 0.25rem;  /* 4px */
  --space-2: 0.5rem;   /* 8px */
  --space-3: 0.75rem;  /* 12px */
  --space-4: 1rem;     /* 16px */
  --space-5: 1.5rem;   /* 24px */
  --space-6: 2rem;     /* 32px */
  --space-7: 3rem;     /* 48px */
  --space-8: 4rem;     /* 64px */
  --space-9: 6rem;     /* 96px */

  /* ---- Radius (small/sharp — "stamped seal / printed page", not soft-app rounding) ---- */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;

  /* ---- Elevation (subtle, warm — no cool-gray drop shadows) ---- */
  --shadow-sm: 0 1px 2px rgba(42, 32, 24, 0.10);
  --shadow-md: 0 4px 14px rgba(42, 32, 24, 0.14);
}

/* ---- Optional dark theme (secondary; not the default — see report) ---- */
:root[data-theme="dark"] {
  --bg:        #241c15;
  --surface:   #2f2519;
  --surface-2: #3a2e1f;
  --ink:       #f4ecd8;
  --ink-mute:  #cabb9c;
  --rule:      #4a3c28;
  --muted:     #7d6f57;
  --brand:     #6fb3a8;
  --brand-dark:#4c8f85;
  --brand-tint:#1f5c56;
  --accent:    #d97a63;
  --accent-dark:#a23b2e;
  --ok:        #6fbf7a;
  --warn:      #d9a441;
  --bad:       #d98ba0;
}