/* 1257end Design System — generated from tokens.json */
:root, [data-theme="light"] {
  --white: #ffffff;
  --light: #f6f9fb;
  --ice: #eef4f8;
  --ice-deep: #e2ecf3;
  --line: #d6e2ea;
  --line-control: #778899;
  --slate: #566573;
  --ink: #1a2b3c;
  --dark: #34485c;
  --on-ink: var(--ice);
  --signal-red: #e8384f;
  --signal-red-deep: #c8283f;
  --signal-red-light: #fce8eb;
  --on-signal: #ffffff;
  --success: #18765a;
  --warning: #985800;
  --error: var(--signal-red-deep);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --stroke-fine: 1px;
  --stroke-focus: 2px;
  --stroke-progress: 3px;
  --content-max: 1120px;
  --columns: 12;
  --text-max: 65ch;
  --font-sans: "Manrope", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --font-logo: "Space Grotesk", system-ui, sans-serif;
}
.display { font-family: var(--font-sans); font-size: 56px; line-height: 60px; font-weight: 700; letter-spacing: -0.02em; }
.h1 { font-family: var(--font-sans); font-size: 40px; line-height: 46px; font-weight: 700; letter-spacing: -0.02em; }
.h2 { font-family: var(--font-sans); font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: -0.01em; }
.h3 { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 700; }
.lead { font-family: var(--font-sans); font-size: 19px; line-height: 30px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 14px; line-height: 22px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 0.08em; }
.button { font-family: var(--font-sans); font-size: 16px; line-height: 20px; font-weight: 600; }
.code { font-family: var(--font-mono); font-size: 14px; line-height: 22px; font-weight: 400; }
.logo { font-family: var(--font-logo); font-size: 72px; line-height: 72px; font-weight: 600; }