/* CyberNative brand kit v1.4.0 — Inked site surface.
 *
 * Drop-in replacement for tokens.css on cybernative.ai
 * web pages only. Variable names are unchanged from v1.1.1 on purpose: the
 * site's stylesheets keep working untouched. The names are historical; the
 * role column in BRAND.md is what is normative.
 *
 * Everything not listed here (type, spacing, radii, page widths) is
 * identical to tokens.css and must not be changed.
 */
:root {
  color-scheme: light;

  --cn-color-canvas: #f6f2e7;      /* Paper */
  --cn-color-panel: #fffdf7;       /* Panel */
  --cn-color-ink: #0e1427;         /* Ink — text, outlines, offset shadows */
  --cn-color-muted: #4a5a68;       /* Muted */
  --cn-color-link: #531b6c;        /* Violet — inline links */
  --cn-color-leaf: #0db8ab;        /* Bio — fill only, never a stroke or text */
  --cn-color-leaf-strong: #155967; /* Deep — dark field, inverse text surface */
  --cn-color-mint: #d3ece9;        /* Wash — quiet highlight */
  --cn-color-amber: #a82b99;       /* Signal — the only accent */
  --cn-color-line: #c2ccd3;        /* Hairline — chart grid only */
  --cn-color-danger: #8a332c;      /* Danger — unchanged from v1.1.1 */

  --cn-chart-1: #155967;
  --cn-chart-2: #a82b99;
  --cn-chart-3: #531b6c;
  --cn-chart-4: #d76832;
  --cn-chart-5: #0db8ab;

  --cn-font-display: "Fraunces", Georgia, serif;
  --cn-font-body: "IBM Plex Sans", Arial, sans-serif;
  --cn-font-mono: "IBM Plex Mono", monospace;

  --cn-space-1: 0.25rem;
  --cn-space-2: 0.5rem;
  --cn-space-3: 0.75rem;
  --cn-space-4: 1rem;
  --cn-space-6: 1.5rem;
  --cn-space-8: 2rem;
  --cn-space-12: 3rem;
  --cn-space-16: 4rem;
  --cn-space-24: 6rem;
  --cn-space-32: 8rem;

  --cn-radius-rule: 0.125rem;
  --cn-radius-control: 0.625rem;
  --cn-page-max: 74rem;
  --cn-reading-max: 68ch;
  --cn-figure-max: 60rem;

  /* Inked drawing language. These four are the v1.4.0 composition contract. */
  --cn-stroke: 2.5px;              /* default outline; chips under 24px use --cn-stroke-small */
  --cn-stroke-small: 2px;          /* labels and chips under 24px tall */
  --cn-offset: 5px;                /* card and button offset shadow */
  --cn-offset-figure: 8px;         /* figures and images */
}