/* GENERATED by tool/build.mjs from design/loke.tokens.json. */
:root {
  --brand-red: #FD4A46;
  --brand-green: #08BF0D;
  --brand-blue: #3965FF;
  --brand-gold: #FFB800;
  --neutral-0: #FFFFFF;
  --neutral-50: #F8FAFD;
  --neutral-100: #F0F3F6;
  --neutral-200: #E2E5EA;
  --neutral-300: #CCD0D5;
  --neutral-400: #ADB1B7;
  --neutral-500: #8E9399;
  --neutral-600: #70747A;
  --neutral-700: #5A5E63;
  --neutral-800: #3A3D42;
  --neutral-850: #2B2E32;
  --neutral-900: #1E2124;
  --neutral-925: #1C1C1C;
  --neutral-950: #090A0D;
  --font-display: 'Archivo', system-ui, sans-serif;
  --font-sans: 'Roboto', system-ui, -apple-system, sans-serif;
  --font-mono: 'Roboto Mono', ui-monospace, 'SFMono-Regular', monospace;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-overlay: 20px;
  --radius-full: 9999px;
  --border-sm: 2px;
  --border: 3px;
  --border-lg: 4px;
  --dur-fast: 90ms;
  --dur-base: 260ms;
  --dur-bounce: 440ms;
  --ease-standard: cubic-bezier(0.4,0,0.2,1);
  --ease-emphasized: cubic-bezier(0.05,0.7,0.1,1);
  --ease-overshoot: cubic-bezier(0.34,1.56,0.64,1);
  --shadow-hard: 6px 6px 0 var(--shadow-hard-color);
  --shadow-hard-sm: 4px 4px 0 var(--shadow-hard-color);
  --shadow-hard-accent: 6px 6px 0 var(--brand-red);
}
:root {
  --bg: #FFFFFF;
  --surface: #F8FAFD;
  --surface-raised: #FFFFFF;
  --surface-sunken: #E2E5EA;
  --field: #F0F3F6;
  --text: #1E2124;
  --text-secondary: #5A5E63;
  --text-tertiary: #70747A;
  --text-inverse: #FFFFFF;
  --border-color: #E2E5EA;
  --border-strong: #CCD0D5;
  --text-disabled: #ADB1B7;
  --scrim: rgba(20,20,22,.5);
  --shadow-hard-color: #1C1C1C;
}
.dark {
  --bg: #1C1C1C;
  --surface: #1E2124;
  --surface-raised: #3A3D42;
  --surface-sunken: #090A0D;
  --field: #3A3D42;
  --text: #FFFFFF;
  --text-secondary: #ADB1B7;
  --text-tertiary: #8E9399;
  --text-inverse: #1C1C1C;
  --border-color: #3A3D42;
  --border-strong: #5A5E63;
  --text-disabled: #70747A;
  --scrim: rgba(0,0,0,.6);
  --shadow-hard-color: #70747A;
}