/* GENERATED FILE — do not edit by hand.
   Source: design_tokens/tokens.json
   Regenerate: python tools/sync_design_tokens.py */

:root {
  --it-color-accent100: #EDE9FE;
  --it-color-accent100-rgb: 237 233 254;
  --it-color-accent200: #DDD6FE;
  --it-color-accent200-rgb: 221 214 254;
  --it-color-accent50: #F5F3FF;
  --it-color-accent50-rgb: 245 243 255;
  --it-color-accent600: #7B22C7;
  --it-color-accent600-rgb: 123 34 199;
  --it-color-background: #E5E7EB;
  --it-color-background-rgb: 229 231 235;
  --it-color-border-muted: #D1D5DB;
  --it-color-border-muted-rgb: 209 213 219;
  --it-color-border-subtle: #E5E7EB;
  --it-color-border-subtle-rgb: 229 231 235;
  --it-color-bottom-nav-surface: #EDE9FE;
  --it-color-bottom-nav-surface-rgb: 237 233 254;
  --it-color-canvas: #D4D4D8;
  --it-color-canvas-rgb: 212 212 216;
  --it-color-ft-ring-planned: #A5B4FC;
  --it-color-ft-ring-planned-rgb: 165 180 252;
  --it-color-ft-ring-remaining: #DDD6FE;
  --it-color-ft-ring-remaining-rgb: 221 214 254;
  --it-color-ft-ring-worked: #6D28D9;
  --it-color-ft-ring-worked-rgb: 109 40 217;
  --it-color-primary: #8E2DE2;
  --it-color-primary-rgb: 142 45 226;
  --it-color-primary-dark: #4A00E0;
  --it-color-primary-dark-rgb: 74 0 224;
  --it-color-primary-dark-hover: #3D00B8;
  --it-color-primary-dark-hover-rgb: 61 0 184;
  --it-color-sidebar: #111827;
  --it-color-sidebar-rgb: 17 24 39;
  --it-color-sonic50: #E0F2F7;
  --it-color-sonic50-rgb: 224 242 247;
  --it-color-text: #1F2937;
  --it-color-text-rgb: 31 41 55;
  --it-color-text-light: #6B7280;
  --it-color-text-light-rgb: 107 114 128;
  --it-color-white: #FFFFFF;
  --it-color-white-rgb: 255 255 255;
  --it-font-body: Inter;
  --it-font-display: Montserrat;
  --it-radius-card: 20px;
  --it-radius-input: 12px;
  --it-shadow-hero: 0 22px 55px rgba(15, 23, 42, 0.25);
  --it-shadow-sonic-card: 0 18px 45px rgba(15, 23, 42, 0.08);
  --it-shadow-sonic-card-tailwind: 0 10px 40px rgba(0,0,0,0.05);
  --it-layout-max-page-width: 93.6rem;
}