/* ============================================================
   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 {
  --down: #a42e35; /* negative quote */
  --up: #176747; /* positive quote */
  --negative-wash: #fae9e9; /* caution paper */
  --font-display: "Onest", "Onest", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Onest", "Onest", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex 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: #f6f7f9; /* market paper */
  --surface: #ffffff; /* clean filing paper */
  --surface-2: #eceff3; /* exchange screen */
  --ink: #14191b; /* graphite */
  --muted-strong: #353b47; /* secondary graphite */
  --muted: #555d6b; /* caption graphite */
  --line: #dfe3ea; /* ledger hairline */
  --line-strong: #c5cbd5; /* ledger rule */
  --ink-field: #14191b; /* closing bell */
  --on-ink: #eef1f6; /* night quote */
  --on-ink-muted: #aab2c0; /* night caption */
  --accent: #176747; /* positive quote */
  --accent-fill: #176747; /* positive quote */
  --accent-on-fill: #ffffff; /* quote contrast */
  --accent-text: #176747; /* positive quote ink */
  --accent-soft: #e7f1eb; /* research highlight */
  --field-1: #eceff3; /* exchange screen */
  --field-1-ink: #14191b; /* exchange graphite */
  --field-2: #e7f1eb; /* research highlight */
  --field-2-ink: #14191b; /* research graphite */
  --field-3: #14191b; /* closing bell */
  --field-3-ink: #eef1f6; /* closing quote */
  color-scheme: light dark;
}

@media screen and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --down: #ffb0b5; /* negative quote */
    --up: #81d6ac; /* positive quote */
    --negative-wash: #3c2328; /* caution paper */
    --bg: #14191b; /* market paper */
    --surface: #12151c; /* clean filing paper */
    --surface-2: #171b24; /* exchange screen */
    --ink: #eef1f6; /* graphite */
    --muted-strong: #c6ccd8; /* secondary graphite */
    --muted: #97a0b0; /* caption graphite */
    --line: rgba(238, 241, 246, 0.09); /* ledger hairline */
    --line-strong: rgba(238, 241, 246, 0.18); /* ledger rule */
    --ink-field: #05060a; /* closing bell */
    --on-ink: #eef1f6; /* night quote */
    --on-ink-muted: #a3acbb; /* night caption */
    --accent: #81d6ac; /* positive quote */
    --accent-fill: #81d6ac; /* positive quote */
    --accent-on-fill: #14191b; /* quote contrast */
    --accent-text: #81d6ac; /* positive quote ink */
    --accent-soft: #182f25; /* research highlight */
    --field-1: #171b24; /* exchange screen */
    --field-1-ink: #eef1f6; /* exchange graphite */
    --field-2: #182f25; /* research highlight */
    --field-2-ink: #eef1f6; /* research graphite */
    --field-3: #05060a; /* closing bell */
    --field-3-ink: #eef1f6; /* closing quote */
  }
}
@media screen {
  :root[data-theme="dark"] {
    --down: #ffb0b5; /* negative quote */
    --up: #81d6ac; /* positive quote */
    --negative-wash: #3c2328; /* caution paper */
    --bg: #14191b; /* market paper */
    --surface: #12151c; /* clean filing paper */
    --surface-2: #171b24; /* exchange screen */
    --ink: #eef1f6; /* graphite */
    --muted-strong: #c6ccd8; /* secondary graphite */
    --muted: #97a0b0; /* caption graphite */
    --line: rgba(238, 241, 246, 0.09); /* ledger hairline */
    --line-strong: rgba(238, 241, 246, 0.18); /* ledger rule */
    --ink-field: #05060a; /* closing bell */
    --on-ink: #eef1f6; /* night quote */
    --on-ink-muted: #a3acbb; /* night caption */
    --accent: #81d6ac; /* positive quote */
    --accent-fill: #81d6ac; /* positive quote */
    --accent-on-fill: #14191b; /* quote contrast */
    --accent-text: #81d6ac; /* positive quote ink */
    --accent-soft: #182f25; /* research highlight */
    --field-1: #171b24; /* exchange screen */
    --field-1-ink: #eef1f6; /* exchange graphite */
    --field-2: #182f25; /* research highlight */
    --field-2-ink: #eef1f6; /* research graphite */
    --field-3: #05060a; /* closing bell */
    --field-3-ink: #eef1f6; /* closing quote */
  }
  :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; }