/*
 * DESIGN.md §3 — Primer light tokens (cabinet + public site).
 * Concealed accent kept (#4272d7 family). No dark mode this epic.
 * Подключение: <link rel="stylesheet" href="/ui/tokens.css" />
 */

:root {
  /* —— Semantic (Primer-like) —— */
  --bg-default: #ffffff;
  --bg-muted: #f6f8fa;
  --bg-inset: #eff2f5;

  --fg-default: #1f2328;
  --fg-muted: #59636e;

  --border-default: #d1d9e0;

  --accent: #4272d7;
  --accent-emphasis: #355cb8;
  --accent-muted: rgba(66, 114, 215, 0.12);

  --danger: #cf222e;
  --danger-emphasis: #a40e26;
  --danger-muted: #ffebe9;

  --success: #1a7f37;
  --success-emphasis: #116329;
  --success-muted: #dafbe1;

  /* —— Legacy aliases (same values) —— */
  --bg: var(--bg-muted);
  --bg-deep: #eaeef2;
  --ink: var(--fg-default);
  --muted: var(--fg-muted);
  --line: var(--border-default);
  --field: var(--bg-default);
  --card: var(--bg-default);
  --cream: var(--bg-inset);
  --accent-hover: var(--accent-emphasis);
  --accent-soft: var(--accent-muted);
  --danger-bg: var(--danger-muted);

  /* —— Typography —— */
  --display: Syne, "Segoe UI", sans-serif;
  --body: Figtree, "Segoe UI", system-ui, sans-serif;

  /* —— Shape / motion (dense Primer) —— */
  --radius-card: 12px;
  --radius-field: 8px;
  --space: 4px;
  --speed: 160ms;
  --ease: ease;
}