/* Generated by tools/design/build_design_tokens.py — do not edit by hand. */
/* SSOT: docs/design/DESIGN.md frontmatter. Re-run on any DESIGN.md edit. */
:root {
  /* colors */
  --color-surface-canvas: #06090f;
  --color-surface-canvas-deep: #03050a;
  --color-surface-card: #0e131c;
  --color-surface-card-translucent: rgba(14, 19, 28, 0.62);
  --color-surface-card-elevated: #141b27;
  --color-surface-floor: #1a2332;
  --color-text-primary: #e8edf5;
  --color-text-soft: #c7d0dd;
  --color-text-muted: #8a96a8;
  --color-text-faint: #5a6578;
  --color-text-on-accent: #03050a;
  --color-text-on-emphasis: #fdf4f1;
  --color-action-primary: #7dd3fc;
  --color-action-primary-strong: #38bdf8;
  --color-action-primary-soft: rgba(125, 211, 252, 0.10);
  --color-accent-magenta: #f472b6;
  --color-accent-violet: #a78bfa;
  --color-accent-emphasis: #c47a6e;
  --color-accent-emphasis-soft: rgba(196, 122, 110, 0.14);
  --color-accent-warm: #e9b454;
  --color-status-success: #34d399;
  --color-status-error: #f87171;
  --color-status-warning: #f5d98a;
  --color-status-warning-bg: #2a1f0a;
  --color-status-warning-border: #b08530;
  --color-border-hairline: rgba(125, 211, 252, 0.08);
  --color-border-subtle: rgba(125, 211, 252, 0.16);
  --color-border-strong: rgba(125, 211, 252, 0.30);
  --color-border-emphasis: rgba(196, 122, 110, 0.28);
  --color-border-solid: #1f2937;
  --color-glow-elevated: rgba(56, 189, 248, 0.18);
  --color-glow-emphasis: rgba(196, 122, 110, 0.22);
  /* typography */
  --typography-hero-fontfamily: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --typography-hero-fontsize: clamp(2.4rem, 5.4vw, 4rem);
  --typography-hero-fontweight: 700;
  --typography-hero-lineheight: 1.04;
  --typography-hero-letterspacing: -0.030em;
  --typography-hero-fontfeaturesettings: 'ss01', 'cv11';
  --typography-display-fontfamily: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --typography-display-fontsize: clamp(1.7rem, 3.4vw, 2.4rem);
  --typography-display-fontweight: 700;
  --typography-display-lineheight: 1.12;
  --typography-display-letterspacing: -0.022em;
  --typography-display-fontfeaturesettings: 'ss01', 'cv11';
  --typography-heading-1-fontfamily: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --typography-heading-1-fontsize: 1.55rem;
  --typography-heading-1-fontweight: 600;
  --typography-heading-1-lineheight: 1.22;
  --typography-heading-1-letterspacing: -0.016em;
  --typography-heading-2-fontfamily: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --typography-heading-2-fontsize: 1.18rem;
  --typography-heading-2-fontweight: 600;
  --typography-heading-2-lineheight: 1.3;
  --typography-heading-2-letterspacing: -0.008em;
  --typography-body-fontfamily: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --typography-body-fontsize: 1rem;
  --typography-body-fontweight: 400;
  --typography-body-lineheight: 1.6;
  --typography-body-letterspacing: -0.002em;
  --typography-body-soft-fontfamily: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --typography-body-soft-fontsize: 0.95rem;
  --typography-body-soft-fontweight: 400;
  --typography-body-soft-lineheight: 1.58;
  --typography-hint-fontfamily: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --typography-hint-fontsize: 0.86rem;
  --typography-hint-fontweight: 400;
  --typography-hint-lineheight: 1.45;
  --typography-label-fontfamily: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --typography-label-fontsize: 0.94rem;
  --typography-label-fontweight: 600;
  --typography-label-lineheight: 1.35;
  --typography-eyebrow-fontfamily: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
  --typography-eyebrow-fontsize: 0.72rem;
  --typography-eyebrow-fontweight: 500;
  --typography-eyebrow-lineheight: 1.2;
  --typography-eyebrow-letterspacing: 0.16em;
  --typography-eyebrow-texttransform: uppercase;
  --typography-eyebrow-fontfeaturesettings: 'tnum', 'zero', 'ss03';
  --typography-numeric-fontfamily: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
  --typography-numeric-fontsize: 0.95rem;
  --typography-numeric-fontweight: 500;
  --typography-numeric-fontfeaturesettings: 'tnum', 'zero', 'ss03';
  --typography-code-fontfamily: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
  --typography-code-fontsize: 0.86rem;
  --typography-code-fontweight: 400;
  --typography-code-lineheight: 1.55;
  --typography-pull-quote-fontfamily: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --typography-pull-quote-fontsize: 1.30rem;
  --typography-pull-quote-fontweight: 500;
  --typography-pull-quote-lineheight: 1.45;
  --typography-pull-quote-letterspacing: -0.012em;
  --typography-pull-quote-fontstyle: normal;
  /* rounded */
  --rounded-none: 0px;
  --rounded-sharp: 2px;
  --rounded-sm: 4px;
  --rounded-md: 6px;
  --rounded-lg: 10px;
  --rounded-xl: 14px;
  --rounded-hero: 20px;
  --rounded-pill: 999px;
  /* spacing */
  --spacing-0: 0px;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-7: 32px;
  --spacing-8: 40px;
  --spacing-9: 48px;
  --spacing-10: 56px;
  --spacing-11: 64px;
  --spacing-12: 80px;
  --spacing-13: 112px;
  --spacing-14: 160px;
  /* grid */
  --grid-columns: 12;
  --grid-gutter: 24px;
  --grid-row-gap: 32px;
  --grid-containers-narrow: 720px;
  --grid-containers-standard: 980px;
  --grid-containers-wide: 1200px;
  --grid-containers-cockpit: 1100px;
  --grid-asymmetry-eyebrow-rule: 1 / span 2 → 3 / span 9;
  --grid-asymmetry-inset-pull: 2 / span 8;
  --grid-asymmetry-figure-bleed: 1 / span 12;
  --grid-asymmetry-asymmetric-pair: 1 / span 7  +  9 / span 4;
  /* motion */
  --motion-ease-signature: cubic-bezier(0.32, 0.72, 0, 1);
  --motion-ease-snap: cubic-bezier(0.5, 1.4, 0.5, 1);
  --motion-ease-linear: linear;
  --motion-duration-instant: 80ms;
  --motion-duration-quick: 180ms;
  --motion-duration-medium: 340ms;
  --motion-duration-slow: 640ms;
  --motion-duration-signature: 5500ms;
  /* material */
  --material-hairline-rule-height: 1px;
  --material-hairline-rule-background: linear-gradient(90deg, transparent 0%, var(--color-border-emphasis) 16%, var(--color-border-emphasis) 84%, transparent 100%);
  --material-grain-overlay-opacity: 0.035;
  --material-grain-overlay-blendmode: overlay;
  --material-grain-overlay-sizepx: 220;
  --material-cyan-glow-elevated-boxshadow: 0 12px 40px -8px var(--color-glow-elevated), 0 1px 0 0 var(--color-border-strong) inset;
  --material-inner-hairline-boxshadow: 0 1px 0 0 rgba(255, 255, 255, 0.025) inset, 0 0 0 1px var(--color-border-subtle);
  --material-focus-ring-outline: 2px solid var(--color-action-primary);
  --material-focus-ring-outlineoffset: 2px;
}