/*
  Field & Form: design tokens for the PureLand research-program prototype.
  This file is the source. design/tokens.json mirrors its :root declarations
  verbatim and scripts/check_repo.py fails when the two differ. See
  design/VISUAL-LANGUAGE.md for the full spec.
*/

/* Self-hosted latin subsets under the OFL. The unicode-range is the latin
   block those subsets carry, so a glyph outside it falls back to the stack's
   next face instead of a missing-glyph box. */
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/cormorant-garamond-600.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/ibm-plex-mono-400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  /* The reader's system preference applies until they choose; the two rules
     below make an explicit choice win. Every role is declared once, paper
     value first, ink value second, and color-scheme picks between them. */
  color-scheme: light dark;
  /* Pigments. These do not change with the theme. */
  --paper: #F4F1E9;
  --mineral: #283F38;
  --lichen: #DDE3D8;
  --clay: #865944;
  --ink: #252B27;
  --stone: #596259;
  --brass: #BCA77E;
  --ink-ground: #1E2924;
  /* Roles. */
  --ground: light-dark(var(--paper), var(--ink-ground));
  --surface: light-dark(#ECEAE1, #29382F);
  --text: light-dark(var(--ink), var(--paper));
  --secondary: light-dark(var(--stone), #C0C8BA);
  --primary: light-dark(var(--mineral), var(--lichen));
  --on-primary: light-dark(var(--paper), var(--mineral));
  --accent-text: light-dark(var(--clay), #D4AF96);
  --line: light-dark(#C9CCC1, #536154);
  --control-line: light-dark(#7A8478, #99A592);
  --focus: light-dark(var(--clay), #D4AF96);
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label: "IBM Plex Mono", monospace;
  --page-width: 76rem;
  --motion-response: 160ms;
  --motion-draw: 800ms;
  --motion-ease: cubic-bezier(.2,.65,.3,1);
}
:root[data-theme="paper"] { color-scheme: light; }
:root[data-theme="ink"] { color-scheme: dark; }