/* SaleWorthy — design tokens. Contemporary take on the deck's forest green and brass:
   near-black green panels, gold accent, clean off-white paper. Geist + Instrument Serif (accent only).
   Light by default; dark follows the visitor's OS setting, or the toggle (data-theme).
   Contrast checked (test/contrast.test.mjs): body text ≥ 14:1, secondary ≥ 4.5:1, gold text ≥ 4.5:1, action labels ≥ 7:1. */

:root {
  --paper:#F7F7F4; --surface:#FFFFFF; --surface-2:#EFEFEA; --rule:#E1E1DA;
  --ink:#0E1512; --ink-soft:#49524C; --ink-faint:#5C655F;
  /* green is the only action colour */
  --green:#15473A; --green-deep:#0D3328; --green-tint:#E1EDE6; --green-ink:#15473A;
  --on-green:#FFFFFF;
  /* gold: --brass for text; --brass-mark for marks, rules, dots — never small text */
  --brass:#83601F; --brass-mark:#C29A4E; --brass-tint:#F4EDDD;
  /* the dark panels (hero, features, call to action) */
  --feature:#0B1C16; --feature-ink:#EEF2EF; --feature-soft:#13291F; --feature-rule:#24392F;
  --feature-muted:#A9B6AE; --feature-accent:#D9B56C; --feature-glow:#1F6B52;
  --ok:#1F6B47; --warn:#83601F; --crit:#A8372B;
  --font-display:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-accent:"Instrument Serif", Georgia, serif;
  --r:16px; --r-sm:10px; --r-pill:999px;
  --shadow:0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent), 0 18px 40px -18px color-mix(in srgb, var(--ink) 22%, transparent);
  --wrap:1200px;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper:#08110D; --surface:#0F1B16; --surface-2:#13221B; --rule:#22342B;
    --ink:#EDF1EE; --ink-soft:#B3BEB7; --ink-faint:#96A39B;
    --green:#7FD0A7; --green-deep:#A0DEBF; --green-tint:#14302A; --green-ink:#9EDDBD;
    --on-green:#06140E;
    --brass:#D9B56C; --brass-mark:#D9B56C; --brass-tint:#2A2618;
    --feature:#0F2219; --feature-ink:#EEF2EF; --feature-soft:#163126; --feature-rule:#28443A;
    --feature-muted:#A9B6AE; --feature-accent:#D9B56C; --feature-glow:#1F6B52;
    --ok:#7FD0A7; --warn:#D9B56C; --crit:#F08C80;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper:#08110D; --surface:#0F1B16; --surface-2:#13221B; --rule:#22342B;
  --ink:#EDF1EE; --ink-soft:#B3BEB7; --ink-faint:#96A39B;
  --green:#7FD0A7; --green-deep:#A0DEBF; --green-tint:#14302A; --green-ink:#9EDDBD;
  --on-green:#06140E;
  --brass:#D9B56C; --brass-mark:#D9B56C; --brass-tint:#2A2618;
  --feature:#0F2219; --feature-ink:#EEF2EF; --feature-soft:#163126; --feature-rule:#28443A;
  --feature-muted:#A9B6AE; --feature-accent:#D9B56C; --feature-glow:#1F6B52;
  --ok:#7FD0A7; --warn:#D9B56C; --crit:#F08C80;
  color-scheme: dark;
}