/* theme.css: generated from tokens/*.json by Brandkit. Light default, dark via the toggle; edit tokens, not this file. */
:root {
  --action-primary: #0f0f0f;
  --action-primary-hover: #353535;
  --action-secondary: #f0f0f0;
  --action-secondary-hover: #e1e1e1;
  --action-inverse: #0f0f0f;
  --text-primary: #0f0f0f;
  --text-secondary: #636363;
  --text-tertiary: #808080;
  --text-on-action: #ffffff;
  --text-link: #0f0f0f;
  --text-link-hover: #4d4d4d;
  --text-accent: #0f0f0f;
  --text-on-inverse: #fafafa;
  --text-on-inverse-muted: #cacaca;
  --surface-page: #ffffff;
  --surface-card: #ffffff;
  --surface-raised: #fafafa;
  --surface-sunken: #f0f0f0;
  --surface-inverse: #0f0f0f;
  --surface-accent-wash: #f0f0f0;
  --border-default: #e1e1e1;
  --border-strong: #808080;
  --border-focus: #0f0f0f;
  --font-sans: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --size-xs: 0.64rem;
  --size-sm: 0.8rem;
  --size-base: 1.0rem;
  --size-md: 1.25rem;
  --size-lg: 1.562rem;
  --size-xl: 1.953rem;
  --size-2xl: 2.441rem;
  --size-3xl: 3.052rem;
  --size-4xl: 3.815rem;
  --size-5xl: 4.768rem;
  --size-6xl: 5.96rem;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-xl: 8px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgb(15 23 42 / 0.06);
  --shadow-md: 0 1px 2px rgb(15 23 42 / 0.04), 0 8px 24px -8px rgb(15 23 42 / 0.12);
  --shadow-lg: 0 2px 4px rgb(15 23 42 / 0.04), 0 24px 64px -16px rgb(15 23 42 / 0.22);
  --dur-press: 140ms;
  --dur-fast: 180ms;
  --dur-base: 220ms;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  color-scheme: light;
}
:root[data-theme="dark"] {
  --action-primary: #fafafa;
  --action-primary-hover: #e1e1e1;
  --action-secondary: #353535;
  --action-secondary-hover: #4d4d4d;
  --action-inverse: #fafafa;
  --text-primary: #fafafa;
  --text-secondary: #cacaca;
  --text-tertiary: #a4a4a4;
  --text-on-action: #0f0f0f;
  --text-link: #fafafa;
  --text-link-hover: #cacaca;
  --text-accent: #fafafa;
  --text-on-inverse: #0f0f0f;
  --text-on-inverse-muted: #636363;
  --surface-page: #0f0f0f;
  --surface-card: #1f1f1f;
  --surface-raised: #1f1f1f;
  --surface-sunken: #1f1f1f;
  --surface-inverse: #fafafa;
  --surface-accent-wash: #353535;
  --border-default: #353535;
  --border-strong: #808080;
  --border-focus: #fafafa;
  color-scheme: dark;
}