/* ============================================================
   taste direction: tech
   Tech: dark-first product surface, one sharp accent, mono only for labels and figures, visible grid.
   A STARTING POINT, not the answer: re-derive the hues from the
   client's subject (references/brief.md) and keep the roles.
   Load after design-foundations/css/foundation.css. The dark remap
   sits under @media screen so print always resolves the light theme.
   Check every text pair after re-tuning:
   python3 scripts/check_contrast.py templates/directions/<file>.css
   ============================================================ */

:root {
  --font-display: "Onest", "Geologica", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Onest", "Geologica", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;
  --w-display: 600;
  --tr-display: -0.03em;
  --tr-h2: -0.025em;
  --lh-display: 1;
  --radius: 10px;
  --radius-sm: 6px;
  --radius-button: 8px;
  --case-eyebrow: uppercase;
  --tr-eyebrow: 0.08em;
  --bg: #f4f5f1; /* paper workspace */
  --surface: #ffffff;
  --surface-2: #e5ece5;
  --ink: #19251f; /* graphite ledger */
  --muted-strong: #36453b;
  --muted: #4e5c53;
  --line: #dfe3ea;
  --line-strong: #7f8c82; /* ledger control boundary */
  --ink-field: #19251f;
  --on-ink: #edf3ed;
  --on-ink-muted: #b7c9bd;
  --accent: #164f3c; /* mint signal */
  --accent-fill: #164f3c;
  --accent-on-fill: #ffffff;
  --accent-text: #164f3c;
  --accent-soft: #e0ebe4;
  --field-1: #e5ece5; /* ledger field */
  --field-1-ink: #19251f;
  --field-2: #e0ebe4;
  --field-2-ink: #19251f;
  --field-3: #19251f;
  --field-3-ink: #edf3ed;
  color-scheme: light dark;
}

@media screen and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #19251f;
    --surface: #17241c;
    --surface-2: #1d2b22;
    --ink: #edf3ed;
    --muted-strong: #c7d3ca;
    --muted: #b3c2b7;
    --line: rgba(238, 241, 246, 0.09);
    --line-strong: #72897a; /* dark ledger control boundary */
    --ink-field: #101b16;
    --on-ink: #edf3ed;
    --on-ink-muted: #b7c9bd;
    --accent: #a4d7b5;
    --accent-fill: #a4d7b5;
    --accent-on-fill: #19251f;
    --accent-text: #a4d7b5;
    --accent-soft: rgba(124, 157, 255, 0.14);
    --field-1: #1d2b22;
    --field-1-ink: #edf3ed;
    --field-2: #1b3428;
    --field-2-ink: #edf3ed;
    --field-3: #101b16;
    --field-3-ink: #edf3ed;
  }
}
@media screen {
  :root[data-theme="dark"] {
    --bg: #19251f;
    --surface: #17241c;
    --surface-2: #1d2b22;
    --ink: #edf3ed;
    --muted-strong: #c7d3ca;
    --muted: #b3c2b7;
    --line: rgba(238, 241, 246, 0.09);
    --line-strong: #72897a; /* dark ledger control boundary */
    --ink-field: #101b16;
    --on-ink: #edf3ed;
    --on-ink-muted: #b7c9bd;
    --accent: #a4d7b5;
    --accent-fill: #a4d7b5;
    --accent-on-fill: #19251f;
    --accent-text: #a4d7b5;
    --accent-soft: rgba(124, 157, 255, 0.14);
    --field-1: #1d2b22;
    --field-1-ink: #edf3ed;
    --field-2: #1b3428;
    --field-2-ink: #edf3ed;
    --field-3: #101b16;
    --field-3-ink: #edf3ed;
  }
  :root[data-theme="light"] { color-scheme: light; }
  :root[data-theme="dark"] { color-scheme: dark; }
}

/* signature */
.eyebrow, .label, .num, .facts strong { font-family: var(--font-mono); }
.facts strong { letter-spacing: -0.04em; }

:root { --error: #8c2924; --success: #164f3c; --hero-pad: clamp(4rem, 8vw, 9rem); --section-gap: clamp(4rem, 7vw, 7rem); }
@media screen { :root[data-theme="dark"] { --error: #ffb4aa; --success: #a4d7b5; } }