/*  X1 Design System v1.2.1 — generated from tokens/x1.tokens.json by scripts/build.mjs. Do not edit. */
:root {
  color-scheme: dark;
  --x1-color-canvas: #040913;
  --x1-color-canvas-raised: #050b16;
  --x1-color-surface: #0c1728;
  --x1-color-elevated: #122038;
  --x1-color-hover: #16284a;
  --x1-color-field: #081221;
  --x1-color-line: #1f3352;
  --x1-color-hairline: rgba(130,192,255,0.23);
  --x1-color-edge: rgba(114,191,255,0.59);
  --x1-color-text: #e8f3ff;
  --x1-color-body: #c9dcef;
  --x1-color-muted: #8ca6c5;
  --x1-color-subtle: #5d7695;
  --x1-color-cyan: #32caff;
  --x1-color-eyebrow: #5fbbfa;
  --x1-color-blue: #137eff;
  --x1-color-primary-from: #1262e6;
  --x1-color-primary-to: #0a72bb;
  --x1-color-primary-border: #6bcbff;
  --x1-color-on-primary: #ffffff;
  --x1-color-accent-from: #1468ef;
  --x1-color-accent-to: #12b7f2;
  --x1-color-gold: #e9c580;
  --x1-color-gold-bright: #f1cf86;
  --x1-color-success: #22c55e;
  --x1-color-success-soft: #86efac;
  --x1-color-warning: #f59e0b;
  --x1-color-warning-soft: #fcd34d;
  --x1-color-danger: #ef4444;
  --x1-color-danger-soft: #ff8a80;
  --x1-color-scroll-track: #050b16;
  --x1-color-scroll-thumb-from: #2a6fc0;
  --x1-color-scroll-thumb-to: #1a4a86;
  --x1-color-scroll-hover-from: #39a7ff;
  --x1-color-scroll-hover-to: #1f6fd0;
  --x1-color-cyan-tint: rgba(50,202,255,0.12);
  --x1-color-cyan-line: rgba(50,202,255,0.35);
  --x1-color-field-border: rgba(50,202,255,0.42);
  --x1-color-eyebrow-line: rgba(95,187,250,0.35);
  --x1-color-blue-tint: rgba(19,126,255,0.08);
  --x1-color-row-line: rgba(31,51,82,0.6);
  --x1-color-success-line: rgba(34,197,94,0.35);
  --x1-color-success-tint: rgba(34,197,94,0.08);
  --x1-color-warning-line: rgba(245,158,11,0.35);
  --x1-color-warning-tint: rgba(245,158,11,0.08);
  --x1-color-danger-line: rgba(239,68,68,0.35);
  --x1-color-danger-tint: rgba(239,68,68,0.08);
  --x1-gradient-primary: linear-gradient(115deg, #1262e6 0%, #0a72bb 100%);
  --x1-gradient-accent: linear-gradient(115deg, #1468ef 0%, #12b7f2 100%);
  --x1-gradient-glass: linear-gradient(130deg, rgba(18,38,66,0.94), rgba(7,18,36,0.90));
  --x1-gradient-glass-soft: linear-gradient(130deg, rgba(18,38,66,0.78), rgba(7,18,36,0.78));
  --x1-gradient-canvas-light: radial-gradient(1000px 560px at 10% -10%, rgba(19,126,255,0.22), transparent 60%), radial-gradient(760px 560px at 95% 20%, rgba(50,202,255,0.10), transparent 62%);
  --x1-gradient-headline-accent: linear-gradient(90deg, #32caff, #5fbbfa);
  --x1-font-sans: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --x1-font-mono: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace;
  --x1-type-display-size: clamp(40px, 6.4vw, 76px);
  --x1-type-display-line: 0.98;
  --x1-type-display-weight: 900;
  --x1-type-display-tracking: -0.06em;
  --x1-type-h1-size: 32px;
  --x1-type-h1-line: 1.1;
  --x1-type-h1-weight: 800;
  --x1-type-h1-tracking: -0.04em;
  --x1-type-h2-size: 24px;
  --x1-type-h2-line: 1.2;
  --x1-type-h2-weight: 800;
  --x1-type-h2-tracking: -0.03em;
  --x1-type-h3-size: 18px;
  --x1-type-h3-line: 1.3;
  --x1-type-h3-weight: 700;
  --x1-type-h3-tracking: -0.02em;
  --x1-type-body-size: 16px;
  --x1-type-body-line: 1.6;
  --x1-type-body-weight: 400;
  --x1-type-body-tracking: 0;
  --x1-type-small-size: 13px;
  --x1-type-small-line: 1.5;
  --x1-type-small-weight: 400;
  --x1-type-small-tracking: 0;
  --x1-type-eyebrow-size: 11px;
  --x1-type-eyebrow-line: 1;
  --x1-type-eyebrow-weight: 800;
  --x1-type-eyebrow-tracking: 0.24em;
  --x1-type-label-size: 12px;
  --x1-type-label-line: 1.2;
  --x1-type-label-weight: 700;
  --x1-type-label-tracking: 0.14em;
  --x1-type-control-size: 15px;
  --x1-type-control-line: 1;
  --x1-type-control-weight: 700;
  --x1-type-control-tracking: 0;
  --x1-type-dense-size: 14px;
  --x1-type-dense-line: 1.4;
  --x1-type-dense-weight: 400;
  --x1-type-dense-tracking: 0;
  --x1-type-micro-size: 11px;
  --x1-type-micro-line: 1;
  --x1-type-micro-weight: 800;
  --x1-type-micro-tracking: 0.1em;
  --x1-type-code-size: 28px;
  --x1-type-code-line: 1;
  --x1-type-code-weight: 800;
  --x1-type-code-tracking: 0.24em;
  --x1-space-0: 0;
  --x1-space-1: 4px;
  --x1-space-2: 8px;
  --x1-space-3: 12px;
  --x1-space-4: 16px;
  --x1-space-5: 20px;
  --x1-space-6: 24px;
  --x1-space-8: 32px;
  --x1-space-10: 40px;
  --x1-space-12: 48px;
  --x1-space-16: 64px;
  --x1-space-20: 80px;
  --x1-space-0_5: 2px;
  --x1-space-1_5: 6px;
  --x1-space-2_5: 10px;
  --x1-space-3_5: 14px;
  --x1-radius-sm: 8px;
  --x1-radius-md: 10px;
  --x1-radius-lg: 14px;
  --x1-radius-xl: 18px;
  --x1-radius-pill: 999px;
  --x1-size-hairline: 1px;
  --x1-size-control: 46px;
  --x1-size-field: 48px;
  --x1-size-dot: 6px;
  --x1-size-badge: 26px;
  --x1-size-list-indent: 26px;
  --x1-size-step-indent: 40px;
  --x1-size-logo: 38px;
  --x1-size-scrollbar: 8px;
  --x1-size-watermark: 520px;
  --x1-focus-outline: 2px solid #32caff;
  --x1-focus-offset: 3px;
  --x1-focus-tv: 4px solid #ffffff;
  --x1-focus-tv-offset: 4px;
  --x1-shadow-card: 0 1px 0 0 rgba(255,255,255,0.06) inset, 0 24px 60px -30px rgba(0,0,0,0.85);
  --x1-shadow-elevated: 0 30px 80px -30px rgba(0,0,0,0.9);
  --x1-shadow-glow-cyan: 0 0 0 1px rgba(50,202,255,0.30), 0 0 28px -6px rgba(50,202,255,0.45);
  --x1-shadow-glow-primary: 0 16px 40px -14px rgba(19,126,255,0.95);
  --x1-shadow-focus-ring: 0 0 0 3px rgba(50,202,255,0.22);
  --x1-shadow-primary-highlight: inset 0 1px 0 rgba(255,255,255,0.22);
  --x1-shadow-logo-glow: 0 0 12px rgba(50,202,255,0.35);
  --x1-shadow-featured-glow: 0 0 60px -20px rgba(50,202,255,0.45);
  --x1-shadow-dot-glow: 0 0 10px rgba(50,202,255,0.9);
  --x1-motion-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --x1-motion-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --x1-motion-fast: 150ms;
  --x1-motion-base: 200ms;
  --x1-motion-slow: 250ms;
  --x1-motion-shimmer: 1.6s;
  --x1-layout-max-content: 1240px;
  --x1-layout-max-reading: 720px;
  --x1-layout-gutter: 20px;
  --x1-layout-gutter-wide: 32px;
  --x1-layout-header: 68px;
  --x1-breakpoint-sm: 640px;
  --x1-breakpoint-md: 768px;
  --x1-breakpoint-lg: 1024px;
  --x1-breakpoint-xl: 1280px;
}