/* Generated by $STUDIO/bin/tokens from library/design/base.md + brand/visual.md. Don't edit: edit visual.md and rebuild. */

@font-face {
  font-family: "Unbounded";
  src: url("assets/fonts/unbounded-var.woff2") format("woff2");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("assets/fonts/inter-var.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --color-accent: #1CE8A8;
  --color-action: #9D6BFF;
  --color-action-text: #07040F;
  --color-azure: #38A8E8;
  --color-bg: #07040F;
  --color-border: #2A2140;
  --color-focus: var(--color-action);
  --color-surface: #120C22;
  --color-text: #F4F1FF;
  --color-text-muted: #9A97A6;
  --border-width: 1px;
  --cta-bar-height: 56px;
  --dur-base: 200ms;
  --dur-fast: 120ms;
  --dur-slow: 320ms;
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-display: "Unbounded", "Lexend Zetta", system-ui, sans-serif;
  --gutter: clamp(16px, 4vw, 48px);
  --leading-body: 1.55;
  --leading-display: 1.0;
  --leading-heading: 1.15;
  --measure: 65ch;
  --page-max: 1200px;
  --radius-card: 12px;
  --radius-control: 6px;
  --radius-pill: 999px;
  --section-gap: clamp(64px, 8vw, 128px);
  --shadow-card: none;
  --shadow-raised: none;
  --space-1: 4px;
  --space-10: 128px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --tap-min: 44px;
  --text-2xl: 24px;
  --text-3xl: clamp(28px, 2.2vw + 20px, 40px);
  --text-4xl: clamp(36px, 3.8vw + 22px, 64px);
  --text-base: 16px;
  --text-display: clamp(44px, 7vw + 18px, 120px);
  --text-lg: 18px;
  --text-sm: 14px;
  --text-xl: 20px;
  --text-xs: 13px;
  --tracking-display: -0.02em;
  --tracking-label: 0.02em;
  --weight-body: 400;
  --weight-display: 700;
  --weight-heading: 600;
  --weight-strong: 600;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-base: 0ms; --dur-slow: 0ms; }
}