/* Peck & Patch — design tokens · "Dewy Morning" identity (R0.5).
   Feeling: earthy but fresh — a bright morning in the yard, not a farmhouse antique.
   Hues from the subject (pasture grass, dawn sky, egg yolk, ripe tomato) on a
   green-tinted eggshell ground — deliberately NOT the portfolio's cream + gold.
   Type: Zilla Slab (seed-catalog display) / Figtree (humanist body) / Space Mono (counts).
   Full light + dark + outdoor-contrast sets, all pairings checked to WCAG AA. */

:root {
  /* Seed colors (Dewy Morning) */
  --pasture:   #2C7249;
  --dawn-sky:  #35618F;
  --egg-yolk:  #F2A93B;
  --harvest:   #C24529;

  /* Fonts */
  --font-display: "Zilla Slab", Georgia, "Times New Roman", serif;
  --font-body: "Figtree", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-mono: "Space Mono", ui-monospace, Menlo, Consolas, monospace;

  /* Radii (sharper than the house default), shadow, spacing rhythm */
  --r-sm: 5px;
  --r: 7px;
  --r-lg: 11px;
  --shadow: 0 1px 0 var(--line-strong), 0 6px 20px -14px rgba(28, 40, 20, .40);
  --shadow-lg: 0 1px 0 var(--line-strong), 0 16px 40px -20px rgba(28, 40, 20, .55);
  --tap: 48px; /* min touch target */
  --maxw: 1120px;
}

/* ---------- Light (default) ---------- */
:root {
  --bg: #EFF3E5;            /* dew: green-tinted eggshell */
  --bg-tint: #E7EDD6;
  --surface: #FCFDF8;
  --surface-2: #E8EED9;
  --line: #D3DCC0;
  --line-strong: #BCC8A4;

  --text: #222A1A;          /* ~13:1 on --surface */
  --text-muted: #525C43;    /* ~5.4:1 on --bg */
  --text-soft: #6F7A5B;

  --primary: #2C7249;       /* pasture — white text ~5.0:1 */
  --primary-hover: #215B3A;
  --primary-tint: #DCEBDE;
  --on-primary: #FFFFFF;

  --accent: #F2A93B;        /* egg yolk — fills, paired with dark ink */
  --accent-strong: #855206; /* yolk darkened for AA text on dew bg */
  --accent-tint: #FBE8C5;
  --on-accent: #2A1E07;

  --sky: #35618F;           /* dawn sky — secondary, focus rings, garden */
  --sky-strong: #2C517A;
  --sky-tint: #DBE6F1;
  --on-sky: #FFFFFF;

  --danger: #C24529;        /* harvest tomato */
  --ok: #2C7249;

  --header-bg: rgba(252, 253, 248, .86);
  --field-bg: #FFFFFF;
}

/* ---------- Dark ---------- */
:root[data-theme="dark"] {
  --bg: #141A10;            /* night soil, not tinted-black */
  --bg-tint: #1A2113;
  --surface: #1D2416;
  --surface-2: #273019;
  --line: #333E22;
  --line-strong: #45532F;

  --text: #ECF1DF;
  --text-muted: #AEB899;
  --text-soft: #8A9475;

  --primary: #64BC82;
  --primary-hover: #7FCB97;
  --primary-tint: #1B3225;
  --on-primary: #0C160F;

  --accent: #F2B657;
  --accent-strong: #F0C06A;
  --accent-tint: #382C11;
  --on-accent: #2A1E07;

  --sky: #88ADDA;
  --sky-strong: #A6C3E6;
  --sky-tint: #1A2838;
  --on-sky: #0B121B;

  --danger: #E8805B;
  --ok: #64BC82;

  --header-bg: rgba(20, 26, 16, .82);
  --field-bg: #171E12;
  --shadow: 0 1px 0 rgba(0,0,0,.4), 0 8px 24px -16px rgba(0,0,0,.7);
  --shadow-lg: 0 1px 0 rgba(0,0,0,.4), 0 20px 48px -22px rgba(0,0,0,.8);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #141A10; --bg-tint: #1A2113; --surface: #1D2416; --surface-2: #273019;
    --line: #333E22; --line-strong: #45532F;
    --text: #ECF1DF; --text-muted: #AEB899; --text-soft: #8A9475;
    --primary: #64BC82; --primary-hover: #7FCB97; --primary-tint: #1B3225; --on-primary: #0C160F;
    --accent: #F2B657; --accent-strong: #F0C06A; --accent-tint: #382C11; --on-accent: #2A1E07;
    --sky: #88ADDA; --sky-strong: #A6C3E6; --sky-tint: #1A2838; --on-sky: #0B121B;
    --danger: #E8805B; --ok: #64BC82;
    --header-bg: rgba(20,26,16,.82); --field-bg: #171E12;
    --shadow: 0 1px 0 rgba(0,0,0,.4), 0 8px 24px -16px rgba(0,0,0,.7);
    --shadow-lg: 0 1px 0 rgba(0,0,0,.4), 0 20px 48px -22px rgba(0,0,0,.8);
  }
}

/* ---------- Outdoor / high-contrast mode ----------
   Toggled for muddy-hands, bright-sun yard use: maximum contrast, heavier text,
   bigger targets, fatter borders. Layers on top of light or dark. */
:root[data-contrast="high"] {
  --text: #10170B;
  --text-muted: #222A1A;
  --line: #6F7A5B;
  --line-strong: #46522F;
  --surface: #FFFFFF;
  --surface-2: #EFF3E5;
  --field-bg: #FFFFFF;
  --primary: #1C4E30;
  --on-primary: #FFFFFF;
  --accent: #8A5307;
  --sky: #234A72;
  --tap: 56px;
}
:root[data-theme="dark"][data-contrast="high"],
:root[data-contrast="high"][data-theme="dark"] {
  --text: #FFFFFF;
  --text-muted: #E3EBD6;
  --surface: #080B06;
  --surface-2: #141A10;
  --field-bg: #080B06;
  --line: #6F7A5B;
  --line-strong: #AEB899;
  --primary: #86D29C;
  --on-primary: #06100A;
  --accent: #F3C877;
  --sky: #A6C3E6;
}
:root[data-contrast="high"] body { font-weight: 500; }
:root[data-contrast="high"] .btn,
:root[data-contrast="high"] .card,
:root[data-contrast="high"] .field input,
:root[data-contrast="high"] .field select { border-width: 2px; }

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}