/* Hallmark · component: app-shell dashboard · genre: modern-minimal · theme: studied-DNA (source: image, user reference)
 * paper oklch(100% 0 0) · canvas oklch(97.5% 0.003 260) · ink oklch(23% 0.012 265) · accent oklch(51% 0.19 270) indigo ≤5%
 * display+body: neutral grotesque (system stack — офлайн-надёжность важнее webfont) · labels: same family, 500
 * studied: yes · DNA: sidebar-rail nav · pill toolbar · pastel-gradient stat cards · soft pill badges · hairline airy table
 * states: default · hover · focus · active · disabled · loading · error · success
 */
:root {
  /* поверхность */
  --color-paper: oklch(100% 0 0);            /* карточки, таблицы */
  --color-canvas: oklch(97.5% 0.003 260);    /* фон приложения */
  --color-rail: oklch(98.8% 0.002 260);      /* боковая панель */
  --color-ink: oklch(23% 0.012 265);
  --color-muted: oklch(52% 0.02 265);
  --color-faint: oklch(68% 0.015 265);
  --color-border: oklch(92% 0.004 260);
  --color-border-strong: oklch(86% 0.006 260);

  /* акценты */
  --color-accent: oklch(51% 0.19 270);       /* индиго — активный пункт, ссылки, фокус */
  --color-accent-soft: oklch(95% 0.025 270);
  --color-primary: oklch(25% 0.015 265);     /* почти-чёрные основные кнопки */
  --color-primary-hover: oklch(33% 0.02 265);
  --color-green: oklch(55% 0.14 155);
  --color-green-soft: oklch(95.5% 0.035 155);
  --color-red: oklch(53% 0.17 22);
  --color-red-soft: oklch(95.5% 0.024 20);
  --color-amber: oklch(52% 0.12 65);
  --color-amber-soft: oklch(96% 0.045 80);
  --color-violet: oklch(50% 0.16 300);
  --color-violet-soft: oklch(95.5% 0.03 300);
  --color-focus: oklch(60% 0.17 270);

  /* пастельные градиенты карточек-сводок (как в референсе) */
  --grad-1: linear-gradient(115deg, oklch(93% 0.04 265), oklch(94% 0.045 320) 48%, oklch(95% 0.04 40));
  --grad-2: linear-gradient(115deg, oklch(94% 0.05 180), oklch(94% 0.04 250) 55%, oklch(94.5% 0.04 310));
  --grad-3: linear-gradient(115deg, oklch(95% 0.045 55), oklch(94% 0.045 350) 50%, oklch(93.5% 0.045 285));
  --grad-4: linear-gradient(115deg, oklch(94% 0.045 300), oklch(94.5% 0.04 250) 50%, oklch(95% 0.035 195));

  /* шрифт */
  --font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, "Segoe UI",
             Roboto, "Helvetica Neue", Arial, sans-serif;

  /* размеры текста */
  --text-title: 20px;
  --text-body: 14px;
  --text-small: 13px;
  --text-micro: 12px;
  --text-stat: 26px;

  /* пространство, 4pt */
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* форма */
  --radius-pill: 999px;
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 9px;

  /* движение */
  --dur-fast: 130ms;
  --dur-med: 190ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  --shadow-pop: 0 18px 50px oklch(25% 0.02 265 / 0.22);
  --shadow-card: 0 1px 2px oklch(25% 0.02 265 / 0.05);
}