/* Journey of a Book · design tokens v1
   Copy this :root block as-is. Night variant below is optional. */
:root {
  /* — Paper & ink — */
  --paper:        #F6F0E4;  /* page ground: warm watercolour paper */
  --paper-deep:   #EDE3D1;  /* wells, footers, envelope inside */
  --card:         #FBF8F1;  /* postcards, sheets, popovers */
  --envelope:     #EFE4D0;  /* "everyone who spoke" envelope */
  --ink:          #2A2621;  /* body text · 13.2:1 on paper */
  --ink-muted:    #675D52;  /* secondary text · 5.7:1 on paper */
  --ink-faint:    #8A7F72;  /* decoration, 18px+ only · 3.5:1 */

  /* — Brand greens (from the 2014 blot) — */
  --green:        #66A352;  /* brand, decorative / large only */
  --green-ink:    #3A7230;  /* links, primary buttons · 5.2:1 */
  --green-deep:   #2C5527;  /* pressed / hover */
  --teal:         #2F7570;  /* second blot colour · 4.8:1 */
  --green-wash:   #E4EED9;  /* tinted backgrounds */

  /* — Light of the day — */
  --sunrise:      #EFA98C;  /* dawn pink (poster 2014) */
  --sunrise-gold: #E9B85C;  /* noon gold */
  --sunset:       #A94C3A;  /* evening, text-safe · 5.1:1 */
  --sunset-wash:  #F3D9C9;
  --dusk:         #8E7BA6;  /* twilight violet, decorative */

  /* — Recording — */
  --rose:         #B83F55;  /* record button · white text 5.4:1 */
  --rose-deep:    #962E43;
  --rose-wash:    #F4DCDD;

  /* — Lines, postmarks, states — */
  --line:         #E0D4C0;
  --line-strong:  #CDBEA6;
  --postmark:     #6E5A4A;  /* postmark ink, used at 75–85% opacity */
  --error:        #A13A2C;  /* 5.9:1 */
  --error-wash:   #F6E0D8;
  --focus:        #2F7570;

  /* — Type — */
  --font-serif:  "Literata", Georgia, "Times New Roman", serif;          /* the Book, titles */
  --font-sans:   "Source Sans 3", "Segoe UI", Roboto, Arial, sans-serif; /* UI, labels */
  --font-script: "Marck Script", "Bad Script", "Segoe Script", cursive; /* brand accents only */

  --fs-label:    0.75rem;   /* 12 · caps, letter-spaced */
  --fs-small:    0.875rem;  /* 14 · meta, captions */
  --fs-ui:       1rem;      /* 16 · buttons, lists */
  --fs-body:     1.125rem;  /* 18 · voices */
  --fs-narr:     1.1875rem; /* 19 · the Book's narration */
  --fs-h3:       1.375rem;  /* 22 */
  --fs-h2:       1.75rem;   /* 28 */
  --fs-h1:       2.25rem;   /* 36 mobile title */
  --fs-display:  3.25rem;   /* 52 desktop title */
  --fs-numeral:  4.5rem;    /* 72 outlined numerals (poster cue) */
  --lh-tight:    1.15;
  --lh-ui:       1.4;
  --lh-read:     1.65;
  --tracking-caps: 0.18em;
  --measure:     34rem;     /* reading column ≈ 62–68 chars */

  /* — Space (4-pt) — */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;

  /* — Radii — */
  --r-xs: 3px;    /* postcards: paper, barely rounded */
  --r-sm: 8px;    /* inputs, toasts */
  --r-md: 14px;   /* cards, sheets, popover */
  --r-pill: 999px;

  /* — Shadows (warm, never grey) — */
  --shadow-paper: 0 1px 1px rgba(70,48,24,.06), 0 6px 18px -10px rgba(70,48,24,.22);
  --shadow-lift:  0 2px 4px rgba(70,48,24,.08), 0 18px 40px -18px rgba(70,48,24,.35);
  --shadow-stamp: 0 1px 2px rgba(70,48,24,.25), 0 4px 10px -4px rgba(70,48,24,.25);

  /* — Textures — */
  --grain: url("/design/assets/paper-grain.webp");  /* 512px tile, multiply @ 35% */
  --rule-lines: repeating-linear-gradient(transparent 0 calc(1.65em - 1px), rgba(110,90,74,.10) calc(1.65em - 1px) 1.65em);
  --fade-bottom: linear-gradient(#000 55%, transparent);  /* hero mask */
  --feather: radial-gradient(ellipse 50% 50% at 50% 50%, #000 62%, transparent 100%); /* painting mask */

  /* — Motion — */
  --ease-soft: cubic-bezier(.2,.7,.2,1);
  --dur-1: 160ms; --dur-2: 320ms; --dur-land: 900ms;

  /* — Layout — */
  --tabbar-h: 68px;
  --app-max: 560px;   /* app column on desktop */
  --page-max: 1120px;

  /* Light paper only (founder, 2026-11-15): the watercolours are painted on cream paper. */
  color-scheme: light;
}