/* ============================================================
   Books by Jenn Carson — THEME
   ------------------------------------------------------------
   Her brief, in her words: "light colors and washes — foresty
   feeling — most of my books are set in forests." She named
   LisaGlanz.com as what she wants (whimsical, the artist's own
   characters everywhere) and janbrett.com as what she does not.

   The palette is read off her own painting: mossy greens and
   the warm gold of a badger's shield, on paper rather than
   white. Not invented — sampled from work she has published.

   THE SAME TWO TRAPS AS EVERY LIGHT THEME IN THIS KIT. Both are
   real and both have bitten before:

   1. This is a LIGHT ground, so --brand-dark must be DARKER
      than --brand: base.css uses it for link text on light
      surfaces. Copy a dark theme and swap hues and every link
      lands at about 2:1.

   2. base.css HARD-CODES white inside .band:
         .band h2    { color: #fff }
         .band .lead { color: rgba(255,255,255,.86) }
      .band's background runs --brand → --brand-dark, so --brand
      must carry white text. Every value below was computed, not
      eyeballed:
         --brand      #33603F   white on it ......... 7.28:1
         --brand-dark #234230   as link on canvas ... 10.72:1
         --accent-dark #8A5A12  as text on canvas .... 5.72:1
         --ink        #1B221C .................... 15.71:1
         --body       #3A463C ..................... 9.57:1
         --muted      #5A6659 ..................... 5.84:1
      Do not lighten --brand without recomputing.
   ============================================================ */

:root {
  /* ---------- BRAND — forest ---------- */
  --brand: #33603F;
  --brand-dark: #234230;   /* DARKER than --brand. Link text on a light ground. */
  --brand-soft: #E4EFE5;   /* leaf wash — tiles, chips, quiet panels */
  --brand-on: #FFFFFF;

  /* ---------- ACCENT — the gold off her shield ----------
     Decoration, rules and highlights. NEVER a bare CTA fill: #E8B657 is about
     1.9:1 on paper and fails the 3:1 non-text rule, so a gold button needs a
     border. Gold as TEXT is --accent-dark, never --accent. */
  --accent: #E8B657;
  --accent-dark: #8A5A12;
  --accent-on: #241703;

  /* ---------- INK ---------- */
  --ink: #1B221C;
  --body: #3A463C;
  --muted: #5A6659;

  /* ---------- SURFACES ----------
     Paper, not white. Her work is watercolor on stock and it dies on a pure
     #FFF page — the whites in the painting stop reading as light and start
     reading as a scanning artefact. --surface stays white so cards lift off
     the paper ground. */
  --canvas: #FDFBF6;
  --surface: #FFFFFF;
  --surface-2: #F4F1E8;
  --line: #E2DCCC;
  --line-soft: #EFEBE0;

  /* ---------- DEEPER SECTIONS ----------
     One per page, maximum. Deep forest floor rather than black. */
  --dark: #1E2A20;
  --dark-2: #2A3A2C;
  --on-dark: #ECF1E9;      /* 14.6:1 */
  --on-dark-muted: #A9B8A8;/*  7.3:1 */

  /* ---------- STATUS ---------- */
  --ok: #2A7350;
  --warn: #B26A00;
  --danger: #A32E22;
  --danger-soft: #FAEAE7;

  /* ---------- SHAPE ----------
     Softer than the kit default. Everything she makes is hand-drawn and a
     hard 9px corner fights it. */
  --radius: 16px;
  --radius-sm: 11px;
  --radius-lg: 26px;
  --max: 1180px;

  /* ---------- DEPTH ---------- */
  --shadow-sm: 0 1px 2px rgba(27, 34, 28, .06);
  --shadow: 0 10px 28px -12px rgba(27, 34, 28, .18);
  --shadow-lg: 0 26px 60px -24px rgba(27, 34, 28, .26);
  /* Hard-codes the brand RGB — color-mix() will not save you, edit BY HAND. */
  --ring: 0 0 0 3px rgba(51, 96, 63, .42);

  /* ---------- TYPE ----------
     Gilda Display is a bookish serif with a little flourish in the caps — it
     sits next to hand-painted illustration without competing, which Archivo
     (the CES face) does not: a grotesque under watercolor reads as a
     contractor's site with a picture on it. Karla underneath keeps the body
     text friendly rather than literary. */
  --display: "Gilda Display", Georgia, "Times New Roman", serif;
  --sans: "Karla", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* ---------- MOTION ---------- */
  --ease: cubic-bezier(.22, .61, .36, 1);

  /* ---------- MEASURED AT RUNTIME (js/kit.js) ---------- */
  --header-h: 76px;
}

/* Light, not dark. Set this to `dark` and Chrome renders white-on-dark select
   dropdowns and a dark scrollbar on a paper-colored site — a bug that survives
   a long time because it only shows on form controls. */
:root { color-scheme: light; }