/* Generated from app/src/features/theme/tokens.json. Run npm run theme:generate in app/. */
:root {
  --color-primary: rgb(46 228 165);
  --color-background: rgb(0 0 0);
  --color-surface: rgb(24 24 27);
  --color-text-primary: rgb(255 255 255);
  --color-text-secondary: rgb(161 161 170);
  --color-text-muted: rgb(113 113 122);
  --color-text-on-accent: rgb(0 0 0);
  --color-divider: rgb(255 255 255 / 0.08);
  --color-warning: rgb(246 201 69);
  --color-primary-tint: rgb(46 228 165 / 0.12);
  --color-destructive: rgb(255 69 58);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --radius-container: 1.5rem;
  --radius-control: 1rem;
  --radius-full: 62.4375rem;
  --display-hero-font-family: "BebasNeue_400Regular";
  --display-hero-font-size: 4.5rem;
  --display-hero-line-height: 4rem;
  --display-hero-color: var(--color-text-primary);
  --nav-action-font-family: "Inter_400Regular";
  --nav-action-font-size: 1rem;
  --nav-action-line-height: 1.25rem;
  --nav-action-color: var(--color-text-secondary);
  --stat-label-font-family: "Inter_600SemiBold";
  --stat-label-font-size: 0.6875rem;
  --stat-label-line-height: 1rem;
  --stat-label-letter-spacing: 0.09625rem;
  --stat-label-color: var(--color-text-secondary);
  --row-title-font-family: "Inter_600SemiBold";
  --row-title-font-size: 0.9375rem;
  --row-title-line-height: 1.25rem;
  --row-title-color: var(--color-text-primary);
  --row-subtitle-font-family: "Inter_400Regular";
  --row-subtitle-font-size: 0.75rem;
  --row-subtitle-line-height: 1rem;
  --row-subtitle-color: var(--color-text-secondary);
  --button-label-font-family: "Inter_600SemiBold";
  --button-label-font-size: 1rem;
  --button-label-line-height: 1.25rem;
  --button-label-color: var(--color-text-primary);
}