/* GENERATED by packages/design-tokens/src/build.mjs from src/tokens.json. Do not edit. */
:root {
  /* surface */
  --bg: #06080b;
  --bg-raised: #0a0e13;
  --surface: #0f141a;
  --surface-2: #151c24;
  --surface-glass: #0f141ab8;
  --border: #ffffff14;
  --border-strong: #ffffff24;

  /* text */
  --text: #eef2f6;
  --text-muted: #8b97a5;
  --text-dim: #5b6673;
  --text-on-accent: #0a0d05;

  /* brand */
  --accent: #c8ff3e;
  --brand-lime: #c8ff3e;
  --brand-cyan: #3ee6ff;
  --brand-violet: #8b7bff;
  --brand-coral: #ff6b5b;

  /* signal */
  --signal-effort: #c8ff3e;
  --signal-movement: #c8ff3e;
  --signal-body: #c8ff3e;
  --signal-sleep: #8b7bff;
  --signal-stress: #3ee6ff;
  --signal-readiness: #3ee6ff;
  --signal-heart: #ff6b5b;
  --signal-metabolic: #ff6b5b;

  /* gradient */
  --gradient-brand: linear-gradient(100deg, #c8ff3e 0%, #3ee6ff 100%);
  --gradient-cool: linear-gradient(100deg, #3ee6ff 0%, #8b7bff 100%);
  --gradient-spectrum: linear-gradient(135deg, #c8ff3e 0%, #3ee6ff 50%, #8b7bff 100%);

  /* font */
  --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;

  /* type */
  --type-display-xl: clamp(56px, 9vw, 116px);
  --type-display-lg: clamp(40px, 6vw, 76px);
  --type-display-md: clamp(26px, 3vw, 34px);
  --type-title: clamp(22px, 2.2vw, 28px);
  --type-lede: clamp(17px, 1.5vw, 19px);
  --type-body: 17px;
  --type-sm: 15px;
  --type-xs: 13px;
  --type-label: 12px;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --leading-display: 0.92;
  --leading-heading: 1.05;
  --leading-body: 1.6;
  --tracking-display: -0.04em;
  --tracking-tight: -0.02em;
  --tracking-label: 0.1em;

  /* radius */
  --radius-xs: 6px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* space */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-section: clamp(96px, 12vw, 160px);
  --gutter: clamp(16px, 4vw, 32px);
  --content-max: 1180px;

  /* elevation */
  --shadow-float: 0 20px 40px -20px rgba(0, 0, 0, 0.7);
  --shadow-device: 0 50px 100px -30px rgba(0, 0, 0, 0.8);
  --glow-accent: 0 12px 40px -8px color-mix(in srgb, #c8ff3e 55%, transparent);
  --blur-glass: 14px;

  /* motion */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --duration-fast: 200ms;
  --duration-base: 400ms;
  --duration-slow: 800ms;
}