/* Veresk — design tokens (из дизайн-системы Veresk, tokens.json). Тёмная тема — по настройке системы. */
:root {
  color-scheme: light dark;
  --surface: #f7f2ee;
  --surface-raised: #ffffff;
  --surface-sunken: #eee5e3;
  --ink: #2a1d27;
  --ink-muted: #6b5a66;
  --line: #e3d6dd;
  --line-strong: #8f7b8a;
  --heather: #7d3c6f;
  --heather-hover: #622b57;
  --on-heather: #ffffff;
  --heather-deep: #3d1c35;
  --on-deep: #f6ebf2;
  --on-deep-muted: #cdb3c5;
  --heather-soft: #f0e2ec;
  --moss: #3e5641;
  --moss-soft: #e1e8da;
  --bark: #8a5236;
  --on-bark: #ffffff;
  --bark-soft: #f1e4da;
  --focus: #7d3c6f;
  --danger: #a3332b;
  --danger-soft: #f6e1de;
  --on-danger: #ffffff;
  --shadow-card: 0 1px 2px rgba(61, 28, 53, 0.06), 0 8px 24px rgba(61, 28, 53, 0.08);
  --shadow-sheet: 0 24px 64px rgba(42, 29, 39, 0.24);
  --scrim: rgba(28, 16, 24, 0.55);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-pill: 999px;
  --content-max: none; /* контент на всю ширину экрана, по бокам только отступы */

  --font-display: "Cormorant Garamond", "Cormorant", Georgia, serif;
  --font-sans: "Manrope", "Segoe UI", system-ui, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --surface: #1c1519;
    --surface-raised: #261d23;
    --surface-sunken: #150f13;
    --ink: #f2e9ee;
    --ink-muted: #bfaeb9;
    --line: #3a2d35;
    --line-strong: #7a6873;
    --heather: #d79ac8;
    --heather-hover: #e8b9dc;
    --on-heather: #2a1d27;
    --heather-deep: #5a2b4e;
    --on-deep: #f6ebf2;
    --on-deep-muted: #dcc6d4;
    --heather-soft: #2f2029;
    --moss: #a3bd9e;
    --moss-soft: #243026;
    --bark: #dba483;
    --on-bark: #2a1d27;
    --bark-soft: #30231c;
    --focus: #e8b9dc;
    --danger: #f08a7f;
    --danger-soft: #3a1f1c;
    --on-danger: #2a1d27;
    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.35);
    --shadow-sheet: 0 24px 64px rgba(0, 0, 0, 0.6);
    --scrim: rgba(0, 0, 0, 0.6);
  }
}