/* Generated from tokens.json. Run: node build-tokens.mjs */
:where(.ca-design) {
  --ca-color-canvas: #0d0d0e;
  --ca-color-surface: #111111;
  --ca-color-raised: #18181b;
  --ca-color-border: #27272a;
  --ca-color-border-strong: #3f3f46;
  --ca-color-white: #ffffff;
  --ca-color-text: #f4f4f5;
  --ca-color-secondary: #d4d4d8;
  --ca-color-muted: #9f9fa9;
  --ca-color-subtle: #84848e;
  --ca-color-subtle-reference: #71717b;
  --ca-color-emerald: #00d294;
  --ca-color-emerald-base: #00bb7f;
  --ca-color-emerald-deep: #004e3b;
  --ca-color-emerald-hover: #005f46;
  --ca-color-mint: #25e0b4;
  --ca-color-sage: #b3cf99;
  --ca-color-gold: #f7bf61;
  --ca-color-gold-base: #f3bb6b;
  --ca-color-coral: #eb744c;
  --ca-color-coral-base: #e56237;
  --ca-color-error: #ffaaa4;
  --ca-accent: var(--ca-color-emerald);
  --ca-accent-rgb: 0 187 127;
  --ca-font-body: 'CA Satoshi', Arial, sans-serif;
  --ca-font-display: 'CA Tiempos', Georgia, serif;
  --ca-hero-size: 72px;
  --ca-hero-leading: 72px;
  --ca-hero-tracking: -0.025em;
  --ca-heading-size: 48px;
  --ca-heading-leading: 48px;
  --ca-selector-size: 36px;
  --ca-selector-leading: 40px;
  --ca-lead-size: 20px;
  --ca-lead-leading: 28px;
  --ca-product-size: 24px;
  --ca-product-leading: 32px;
  --ca-body-size: 16px;
  --ca-body-leading: 24px;
  --ca-card-size: 14px;
  --ca-card-leading: 22.75px;
  --ca-eyebrow-size: 12px;
  --ca-eyebrow-leading: 16px;
  --ca-eyebrow-tracking: 1.2px;
  --ca-badge-size: 10px;
  --ca-metric-size: 36px;
  --ca-metric-leading: 40px;
  --ca-space-1: 4px;
  --ca-space-2: 8px;
  --ca-space-3: 12px;
  --ca-space-4: 16px;
  --ca-space-5: 20px;
  --ca-space-6: 24px;
  --ca-space-8: 32px;
  --ca-space-10: 40px;
  --ca-space-12: 48px;
  --ca-space-14: 56px;
  --ca-space-16: 64px;
  --ca-space-24: 96px;
  --ca-space-28: 112px;
  --ca-container: 1152px;
  --ca-container-copy: 896px;
  --ca-container-reading: 768px;
  --ca-container-description: 672px;
  --ca-container-notice: 992px;
  --ca-section-padding: 96px;
  --ca-gutter: 24px;
  --ca-grid-gap: 24px;
  --ca-card-padding: 32px;
  --ca-feature-padding: 64px;
  --ca-hero-safe-top: 90px;
  --ca-hero-safe-bottom: 90px;
  --ca-radius-small: 8px;
  --ca-radius-control: 12px;
  --ca-radius-card: 16px;
  --ca-radius-feature: 24px;
  --ca-radius-pill: 999px;
  --ca-border-width: 1px;
  --ca-button-height: 56px;
  --ca-button-height-compact: 36px;
  --ca-button-height-card: 48px;
  --ca-icon-size: 20px;
  --ca-icon-box-size: 56px;
  --ca-icon-box-small: 48px;
  --ca-shadow-floating: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --ca-shadow-menu: 0 25px 50px -12px rgb(0 0 0 / 0.6);
  --ca-shadow-button: inset 0 1px 0 #ffffff30, 0 8px 14px -10px #0008;
  --ca-gloss: linear-gradient(180deg, #ffffff47, transparent);
  --ca-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ca-duration-fast: 150ms;
  --ca-duration-control: 200ms;
  --ca-duration-surface: 300ms;
  --ca-duration-header: 350ms;
  --ca-duration-reveal: 600ms;
  --ca-stagger: 100ms;
  --ca-hero-offset: 30px;
  --ca-card-offset: 20px;
  --ca-z-header: 100;
  --ca-z-notice: 120;
  --ca-focus-ring: 2px solid var(--ca-color-emerald);
  --ca-focus-offset: 5px;
}
@media (max-width: 1023px) {
  :where(.ca-design) {
  --ca-hero-size: 60px;
  --ca-hero-leading: 60px;
  }
}
@media (max-width: 767px) {
  :where(.ca-design) {
  --ca-hero-size: 36px;
  --ca-hero-leading: 40px;
  --ca-heading-size: 30px;
  --ca-heading-leading: 36px;
  --ca-selector-size: 30px;
  --ca-selector-leading: 36px;
  --ca-lead-size: 18px;
  --ca-metric-size: 30px;
  --ca-metric-leading: 36px;
  --ca-feature-padding: 32px;
  --ca-hero-safe-top: 100px;
  --ca-hero-safe-bottom: 80px;
  }
}
@media (max-width: 359px) {
  :where(.ca-design) {
  --ca-gutter: 20px;
  --ca-card-padding: 24px;
  --ca-feature-padding: 24px;
  }
}