/* Beauty.metrics — токены. Сгенерировано из tokens.json, не править вручную.
   Шрифты подключаются в <head>:
   <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;600&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
*/

:root, :root[data-theme="dark"] {
  --bg: #0a0a0f;
  --surface: #14141c;
  --surface-raised: #1d1d28;
  --border: #2c2c3a;
  --ink: #f4f3f8;
  --ink-muted: #a5a3b5;
  --brand: #ff6b9a;
  --on-brand: #0a0a0f;
  --accent: #3ee0c5;
  --positive: #4ade80;
  --warning: #fbbf24;
  --negative: #ff8a7a;
  --scrim: #0a0a0f;
  --on-photo: #ffffff;
  --on-photo-muted: #d5dae4;
  --on-photo-accent: #3ee0c5;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --type-display-size: 56px;
  --type-display-lh: 58px;
  --type-display-weight: 800;
  --type-display-tracking: -1px;
  --type-h1-size: 40px;
  --type-h1-lh: 44px;
  --type-h1-weight: 800;
  --type-h1-tracking: -0.5px;
  --type-h2-size: 28px;
  --type-h2-lh: 34px;
  --type-h2-weight: 700;
  --type-h3-size: 20px;
  --type-h3-lh: 28px;
  --type-h3-weight: 700;
  --type-body-size: 16px;
  --type-body-lh: 24px;
  --type-body-weight: 400;
  --type-body-strong-size: 16px;
  --type-body-strong-lh: 24px;
  --type-body-strong-weight: 600;
  --type-small-size: 14px;
  --type-small-lh: 20px;
  --type-small-weight: 400;
  --type-caption-size: 12px;
  --type-caption-lh: 16px;
  --type-caption-weight: 500;
  --type-metric-xl-size: 48px;
  --type-metric-xl-lh: 52px;
  --type-metric-xl-weight: 600;
  --type-metric-size: 24px;
  --type-metric-lh: 28px;
  --type-metric-weight: 600;
  --type-metric-label-size: 12px;
  --type-metric-label-lh: 16px;
  --type-metric-label-weight: 500;
  --type-metric-label-tracking: 0.6px;
}

:root[data-theme="light"] {
  --bg: #f7f6f9;
  --surface: #ffffff;
  --surface-raised: #ebe8f1;
  --border: #d5d1de;
  --ink: #14121c;
  --ink-muted: #5b5870;
  --brand: #c2255c;
  --on-brand: #ffffff;
  --accent: #0b7a6b;
  --positive: #15803d;
  --warning: #8a5a00;
  --negative: #b42318;
  --scrim: #0a0a0f;
  --on-photo: #ffffff;
  --on-photo-muted: #d5dae4;
  --on-photo-accent: #3ee0c5;
}