/* Generated from brand/tokens.json by scripts/brand-tokens.mjs. Kin Brand System 2.1.0. Do not edit. */
:root {
  --kin-void: #0F1117;
  --kin-surface: #14161D;
  --kin-raised: #1C1F27;
  --kin-line: #262A33;
  --kin-line-strong: #3A3F4B;
  --kin-fog: #E6E8EC;
  --kin-text-secondary: #9BA1AC;
  --kin-text-disabled: #6B7280;
  --kin-uv: #7C5CFF;
  --kin-uv-600: #644CCC;
  --kin-uv-700: #4C3B99;
  --kin-signal: #4A9BFF;
  --kin-ion: #00E5FF;
  --kin-lilac: #A993FF;
  --kin-white: #FFFFFF;
  --kin-success: #10B981;
  --kin-incomplete: #F59E0B;
  --kin-error: #EF4444;
  --kin-graph-edge: #9BA1AC;
  --kin-paper: #F7F8FA;
  --kin-font-sans: "Satoshi", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --kin-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  --kin-type-hero-size: clamp(3rem, 6.5vw, 6rem);
  --kin-type-hero-line-height: 1.04;
  --kin-type-hero-tracking: -0.05em;
  --kin-type-hero-weight: 500;
  --kin-type-section-size: clamp(2rem, 4vw, 3.5rem);
  --kin-type-section-line-height: 1.1;
  --kin-type-section-tracking: -0.035em;
  --kin-type-section-weight: 500;
  --kin-type-subhead-size: clamp(1.25rem, 1.7vw, 1.5rem);
  --kin-type-subhead-line-height: 1.3;
  --kin-type-subhead-tracking: -0.015em;
  --kin-type-subhead-weight: 500;
  --kin-type-lead-size: clamp(1.125rem, 1.7vw, 1.375rem);
  --kin-type-lead-line-height: 1.55;
  --kin-type-lead-tracking: -0.015em;
  --kin-type-lead-weight: 400;
  --kin-type-body-size: 1rem;
  --kin-type-body-line-height: 1.65;
  --kin-type-body-tracking: 0;
  --kin-type-body-weight: 400;
  --kin-type-small-size: 0.875rem;
  --kin-type-small-line-height: 1.5;
  --kin-type-small-tracking: 0;
  --kin-type-small-weight: 400;
  --kin-type-code-size: 0.875rem;
  --kin-type-code-line-height: 1.6;
  --kin-type-code-tracking: 0;
  --kin-type-code-weight: 400;
  --kin-space-1: 4px;
  --kin-space-2: 8px;
  --kin-space-3: 12px;
  --kin-space-4: 16px;
  --kin-space-5: 20px;
  --kin-space-6: 24px;
  --kin-space-8: 32px;
  --kin-space-10: 40px;
  --kin-space-12: 48px;
  --kin-space-16: 64px;
  --kin-space-20: 80px;
  --kin-space-24: 96px;
  --kin-space-32: 128px;
  --kin-radius-button: 9px;
  --kin-radius-card: 16px;
  --kin-radius-chip: 999px;
  --kin-content-max: 1200px;
  --kin-hero-copy-max: 960px;
  --kin-body-copy-max: 680px;
  --kin-page-gutter: clamp(20px, 4vw, 48px);
  --kin-section-gap: clamp(72px, 9vw, 128px);
  --kin-nav-height: 80px;
  --kin-mobile-breakpoint: 640px;
  --kin-tablet-breakpoint: 960px;
  --kin-touch-target: 48px;
  --kin-motion-fast: 120ms;
  --kin-motion-base: 240ms;
  --kin-motion-slow: 400ms;
  --kin-motion-ease-out: cubic-bezier(.2,0,0,1);
  --kin-motion-ease-in-out: cubic-bezier(.45,0,.15,1);
  --kin-logo-arm-start: #AE5AFF;
  --kin-logo-arm-end: #6C48FA;
  --kin-logo-leg-start: #5B55FD;
  --kin-logo-leg-end: #3B74FB;
  /* Compatibility aliases for the names the apps were written against. */
  --kin-text: var(--kin-fog);
  --kin-text-2: var(--kin-text-secondary);
  --kin-text-3: var(--kin-text-disabled);
  --kin-font-display: var(--kin-font-sans);
  --kin-verified: var(--kin-success);
  --kin-refused: var(--kin-error);
  --kin-dur-fast: var(--kin-motion-fast);
  --kin-dur-base: var(--kin-motion-base);
  --kin-dur-slow: var(--kin-motion-slow);
  --kin-ease-out: var(--kin-motion-ease-out);
  --kin-ease-in-out: var(--kin-motion-ease-in-out);
  --kin-grad-arm-a: var(--kin-logo-arm-start);
  --kin-grad-arm-b: var(--kin-logo-arm-end);
  --kin-grad-leg-a: var(--kin-logo-leg-start);
  --kin-grad-leg-b: var(--kin-logo-leg-end);
  --kin-grad-text: linear-gradient(100deg, var(--kin-logo-arm-start) 0%, var(--kin-logo-leg-start) 55%, var(--kin-logo-leg-end) 100%);
}