/* ============================================================
   VIRIDIAN WINE CO. - DESIGN SYSTEM TOKENS
   Tradition: appellation cartography.
   Cameron's direction, 2026-07-31.

   Viridian sells wines of place, so the surface is built the way
   ground gets recorded: warm stock, a neat line, register corners,
   letterspaced labels, a margin rule, marginalia and an imprint.
   That apparatus is the identity and asserts nothing. What it must
   never carry is invented measurement: coordinates, elevations,
   areas, scale statements, survey dates and drawn relief are real
   or they are absent, and the token names below name colours, not
   places. The full statement is the honesty rule in DESIGN.md.
   This replaces the drop-cap and pull-quote editorial default,
   which was the stock answer.

   DISTINCTNESS CONTRACT (Automations/design-system-distinct.py):
   no hex, typeface, easing curve or duration here may appear in
   Aequitas's or Cobalt's tokens.
   ============================================================ */

@import url("./fonts.css");

:root {
  /* --- Map stock: warm buff, distinctly yellower than Aequitas's
         cool security paper. ---------------------------------- */
  --vir-paper:    #F5EDD6;  /* sheet                              */
  --vir-paper-2:  #EBE0C1;  /* legend panel, inset                */
  --vir-rule:     #CDBB93;  /* neat line, borders                 */

  /* --- Sepia line work over the buff ------------------------- */
  --vir-contour:  #B08C5A;  /* sepia rule, light                  */
  --vir-index:    #8A6634;  /* sepia rule, heavy; register marks  */

  /* --- The greens, palest to deepest ------------------------- */
  --vir-wash:     #C9D6B6;  /* palest green; reverse reading      */
  --vir-elev:     #8FA37C;  /* mid green                          */
  --vir-vine:     #4E7C4A;  /* vine green, the brand green        */
  --vir-forest:   #24503A;  /* deep green, the dark panel         */

  /* --- The only cool colour on the sheet. Held in reserve as a
         single accent, and never used for interface. ----------- */
  --vir-water:    #6E8FA6;  /* the accent                         */
  --vir-water-ink:#4A6C82;  /* the same accent, darker, for type  */

  /* --- Ink --------------------------------------------------- */
  --vir-ink:      #33301F;  /* body, warm and dark                */
  --vir-dim:      #7C7458;  /* captions, sheet marginalia         */

  /* --- Typography. Sentient sets the statements and the reading
         matter, and has a true italic, which the system spends
         once and sparingly. Khand is condensed, which is what a
         sheet label is. Sometype Mono carries figures. -------- */
  --vir-display: "Sentient", Georgia, serif;
  --vir-sans:    "Khand", system-ui, sans-serif;
  --vir-mono:    "Sometype Mono", ui-monospace, monospace;

  --vir-display-weight: 400;
  --vir-tracking-display: 0.01em;
  --vir-tracking-label: 0.22em;   /* sheet labels are letterspaced*/
  --vir-measure: 66ch;
  --vir-leading-display: 1.18;
  --vir-leading-body: 1.66;

  /* --- Geometry: the neat line. Corners are cut, not rounded,
         but keyed symbols take a small radius so they read as
         printed keys rather than as UI. --------------------- */
  --vir-radius: 2px;
  --vir-neatline: 1px solid var(--vir-ink);
  --vir-hairline: 0.5px solid var(--vir-rule);

  /* --- Spacing: measured rather than musical ---------------- */
  --vir-s1: 5px;
  --vir-s2: 11px;
  --vir-s3: 19px;
  --vir-s4: 34px;
  --vir-s5: 55px;
  --vir-s6: 89px;
  --vir-gutter: clamp(19px, 4.5vw, 76px);

  /* --- Motion: a sheet pans and settles -------------------- */
  --vir-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --vir-dur-fast: 260ms;
  --vir-dur: 480ms;
  --vir-dur-slow: 760ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --vir-dur-fast: 0ms; --vir-dur: 0ms; --vir-dur-slow: 0ms; }
}