/* ============================================================
   PAT & MENA'S RECIPE BOX — DESIGN TOKENS
   The single source of truth for color, type, and ornament.
   Derived from the couple's wedding website (ivory ground,
   charcoal-navy ink, Gothic tracery rust) and from the artwork
   in this book itself. See /styleguide.html for the visual guide.
   ============================================================ */

:root {
  /* ---- ground & ink ---- */
  --paper:      #f5efe8;   /* page ivory — the wedding site's exact ground */
  --table:      #e9e0cf;   /* the table under the cloth */
  --ink:        #292932;   /* charcoal-navy — all body text, the site's exact ink */
  --ink-soft:   #55525e;   /* credits, quotes, secondary text */
  --ink-faint:  #8b8794;   /* footers, hints, page numbers */

  /* ---- accent: used SPARINGLY — headings, numerals, ornaments ---- */
  --accent:      #8e3b2a;  /* tracery rust, from the site's quatrefoil windows */
  --accent-soft: #ad6a52;  /* underlines, bullets */

  /* ---- section colors: drawn from the tangerine runner on the table
     (block-print orange, leaf green, the little pink stars, the wooden
     bowl) with one cool slate so the warm set gets relief ---- */
  --tab-cover:    #292932; /* ink — the book itself */
  --tab-mains:    #5c7440; /* leaf green — the napkin's block-print leaves */
  --tab-soups:    #bf5b2b; /* tangerine — the runner's own orange */
  --tab-sweets:   #d9a1ad; /* blush — the pink stars (ink type) */
  --tab-preserves:#5f6f80; /* slate — the one cool jar on the shelf */
  --tab-notes:    #7d6047; /* wood — the tangerine bowl */

  /* ---- handwriting inks for marginalia ---- */
  --hand-1: #4a4356;       /* violet-charcoal */
  --hand-2: #5c4335;       /* sepia */
  --hand-3: #414b53;       /* slate */
  --hand-4: #57404e;       /* mulberry */

  /* ---- type ---- */
  --serif:   "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --display: "Playfair Display", "Iowan Old Style", Georgia, serif;
  --hand:    "Caveat", cursive;

  /* type scale (rem) — display sizes are Playfair, the rest Iowan */
  --fs-cover:   2.05rem;   /* cover title, caps */
  --fs-chapter: 1.35rem;   /* chapter titles, caps */
  --fs-page:    1.4rem;    /* dedication/guestbook headings, title case */
  --fs-title:   1.22rem;   /* recipe titles, title case */
  --fs-body:    0.85rem;   /* ingredients, steps */
  --fs-quote:   0.86rem;   /* memory quotes, italic */
  --fs-note:    0.78rem;   /* kitchen notes */
  --fs-label:   0.72rem;   /* INGREDIENTS-style headings, caps */
  --fs-micro:   0.64rem;   /* footers, kickers, hints, caps */

  /* tracking — caps always get air */
  --track-caps: 0.18em;    /* labels & headings in caps */
  --track-wide: 0.32em;    /* cover kicker, CHAPTER */
  --track-tab:  0.14em;    /* tab labels */
}

/* ============================================================
   CANDIDATE DIRECTIONS — open the book with ?theme=<name> to try one.
   Built from the colors Shreeda pulled off the wedding site:
     Rosy Copper #BC5635 · Sage #8CA65A · Light Bronze #D9A683
     Jet Black #313A3B · Dark Slate #2E4A50
   (The default, above, is the muted "aged tracery" reading of them.)
   ============================================================ */

/* default tab text; light tabs override to ink below */
:root { --tab-text: rgba(245, 239, 232, 0.96); }

/* blush is a light tab: ink type for contrast */
.tab[data-target="sweets"] { color: var(--ink); }

/* ---- 1. SKETCHBOOK — the site's colors at full, fresh strength ---- */
[data-theme="sketchbook"] {
  --ink:        #313A3B;   /* jet */
  --ink-soft:   #5a6263;
  --ink-faint:  #8d9495;
  --accent:      #BC5635;  /* rosy copper */
  --accent-soft: #d07a5c;
  --tab-cover:    #313A3B;
  --tab-mains:    #BC5635; /* copper */
  --tab-soups:    #7d9650; /* sage, deepened for ivory type */
  --tab-sweets:   #D9A683; /* light bronze — ink type */
  --tab-preserves:#2E4A50; /* dark slate */
  --tab-notes:    #a08a6a; /* bronze's quieter cousin */
  --hand-1: #313A3B; --hand-2: #8a4a30; --hand-3: #2E4A50; --hand-4: #5e6e3a;
}
[data-theme="sketchbook"] .tab[data-target="sweets"] { color: var(--ink); }

/* ---- 2. INK & STONE — monochrome ink drawing, one red ---- */
[data-theme="ink"] {
  --ink:        #313A3B;
  --ink-soft:   #5a6263;
  --ink-faint:  #8d9495;
  --accent:      #BC5635;  /* the single red: numerals, clover, underlines */
  --accent-soft: #c97a5e;
  --display: "Bodoni 72", "Didot", "Playfair Display", Georgia, serif;  /* didone on Apple devices */
  --tab-cover:    #313A3B; /* jet */
  --tab-mains:    #2E4A50; /* slate */
  --tab-soups:    #56666b; /* stone */
  --tab-sweets:   #9aa3a6; /* pale stone — ink type */
  --tab-preserves:#D9A683; /* bronze — ink type */
  --tab-notes:    #7b7068; /* warm gray */
  --hand-1: #313A3B; --hand-2: #2E4A50; --hand-3: #56666b; --hand-4: #6b4a3a;
}
[data-theme="ink"] .tab[data-target="sweets"],
[data-theme="ink"] .tab[data-target="preserves"] { color: var(--ink); }

/* ---- 3. GARDEN TABLE — sage-led, built around the green runner ---- */
[data-theme="garden"] {
  --ink:        #2f3533;
  --ink-soft:   #5a605d;
  --ink-faint:  #8c928f;
  --accent:      #6b8440;  /* deep sage — headings */
  --accent-soft: #8CA65A;  /* sage — rules, bullets */
  --tab-cover:    #313A3B;
  --tab-mains:    #BC5635; /* copper */
  --tab-soups:    #7d9650; /* sage */
  --tab-sweets:   #D9A683; /* bronze — ink type */
  --tab-preserves:#2E4A50; /* slate */
  --tab-notes:    #9c8b73; /* tan */
  --hand-1: #2f3533; --hand-2: #8a4a30; --hand-3: #4f6a2e; --hand-4: #2E4A50;
}
[data-theme="garden"] .tab[data-target="sweets"] { color: var(--ink); }

/* ---- 4. THEIR TABLE — colors from Pat & Mena's real dining room ----
   (kilim brick, sage napkins, the pink door, cross-stitch indigo, oak) */
[data-theme="home"] {
  /* anchored to their real things: the redwood linen runner, the oak
     table, the placemat cross-stitch, the napkins, the two doors */
  --accent:      #8f4d3c;  /* the redwood runner */
  --accent-soft: #b97f6c;
  --stitch:      #5c6c8a;  /* placemat cross-stitch indigo */
  --tab-cover:    #292932;
  --tab-mains:    #5c6c8a; /* placemat indigo */
  --tab-soups:    #7a9155; /* napkin sage */
  --tab-sweets:   #bd7fae; /* the pink door */
  --tab-preserves:#a3912e; /* the yellow french door, mustarded */
  --tab-notes:    #6f4d2e; /* oak */
  --hand-1: #313A3B; --hand-2: #7a4030; --hand-3: #4e5d78; --hand-4: #5a6b3c;
}