/* Alphasyn design kit -- tokens.
   Source of truth: the console's src/web/styles.css :root block, kept byte-faithful
   so the public site and the product look like the same company. Read DESIGN.md
   before using; the short version: paper, ink, and ONE voice color (clay). */

:root {
  --paper: #FAF9F5;        /* page canvas */
  --panel: #F6F4EE;        /* sunken panels, sidebar */
  --surface: #FFFFFF;      /* raised cards */
  --ink: #1F1E1D;          /* primary text, warm charcoal */
  --ink-2: #3D3A33;        /* secondary */
  --muted: #6E6961;        /* muted text */
  --faint: #8A8578;        /* hints, small-caps labels */
  --border: #E5E1D8;       /* hairline */
  --border-strong: #D9D4C8;
  --clay: #C96442;         /* the accent -- one primary action per screen */
  --clay-hover: #B4562F;
  --clay-weak: #F6E8E1;
  --clay-ink: #9A4B2B;
  --ok: #5E7D5A;           /* sage */
  --ok-weak: #EAF0E8;
  --bad: #B3442E;
  --bad-weak: #F7E9E5;
  --amber: #C9A227;
  --amber-weak: #F7F0DC;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, sans-serif;
  --serif: "Tiempos Text", "Source Serif 4", Georgia, "Iowan Old Style", "Times New Roman", serif;
  --radius: 10px;
  --radius-lg: 14px;

  /* Kit-only additions (not in the console -- the public site needs these): */
  --max-copy: 68ch;                             /* prose measure for long-form copy */
  --shadow-soft: 0 4px 16px rgba(31, 30, 29, 0.25); /* the system's ONE shadow (floating elements only) */
}