/* Generated by `mix lichen.tokens.build` — do not edit by hand.
 * Source: apps/lichen_dsn/priv/tokens/*.json
 * Per EPIC-LICHEN-DSN-SPEC §2.2 — Elixir-native token compiler.
 * WCAG 2.1 AA contrast asserted at compile time per §5.4.
 * Deterministically ordered (v0.3 Compiler-B1) for reproducible builds.
 */

:root {
  --breakpoint-lg: 1024px;
  --breakpoint-md: 768px;
  --breakpoint-sm: 640px;
  --breakpoint-xl: 1280px;
  --breakpoint-xs: 0px;
  --color-accent-indigo-dark: #818CF8;
  --color-accent-indigo-light: #4F46E5;
  --color-border-strong-dark: #A8A8B0;
  --color-border-strong-light: #3A3A40;
  --color-border-subtle-dark: #707078;
  --color-border-subtle-light: #888892;
  --color-focus_ring-dark: #818CF8;
  --color-focus_ring-light: #4F46E5;
  --color-neutral-dark-0: #0B0B0E;
  --color-neutral-dark-100: #1F1F26;
  --color-neutral-dark-200: #2A2A33;
  --color-neutral-dark-300: #3D3D48;
  --color-neutral-dark-50: #15151A;
  --color-neutral-dark-500: #6B6B73;
  --color-neutral-dark-700: #A8A8B0;
  --color-neutral-dark-900: #F4F4F6;
  --color-neutral-light-0: #FFFFFF;
  --color-neutral-light-100: #EFEFF2;
  --color-neutral-light-200: #D9D9DE;
  --color-neutral-light-300: #A8A8B0;
  --color-neutral-light-50: #F8F8FA;
  --color-neutral-light-500: #6B6B73;
  --color-neutral-light-700: #3A3A40;
  --color-neutral-light-900: #0B0B0E;
  --color-state-danger-dark: #FCA5A5;
  --color-state-danger-light: #B91C1C;
  --color-state-info-dark: #93C5FD;
  --color-state-info-light: #1E40AF;
  --color-state-success-dark: #86EFAC;
  --color-state-success-light: #15803D;
  --color-state-warning-dark: #FCD34D;
  --color-state-warning-light: #B45309;
  --color-surface-base-dark: #0B0B0E;
  --color-surface-base-light: #FFFFFF;
  --color-surface-overlay-dark: #1F1F26;
  --color-surface-overlay-light: #FFFFFF;
  --color-surface-raised-dark: #15151A;
  --color-surface-raised-light: #F8F8FA;
  --color-text-on_accent-dark: #0B0B0E;
  --color-text-on_accent-light: #FFFFFF;
  --color-text-primary-dark: #F4F4F6;
  --color-text-primary-light: #0B0B0E;
  --color-text-secondary-dark: #A8A8B0;
  --color-text-secondary-light: #3A3A40;
  --color-text-tertiary-dark: #8A8A92;
  --color-text-tertiary-light: #6B6B73;
  --motion-duration-fast: 150ms;
  --motion-duration-instant: 0ms;
  --motion-duration-medium: 250ms;
  --motion-duration-slow: 400ms;
  --motion-easing-accelerate: cubic-bezier(0.4, 0, 1, 1);
  --motion-easing-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --motion-easing-sharp: cubic-bezier(0.4, 0, 0.6, 1);
  --motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --radius-large: 0.5rem;
  --radius-medium: 0.25rem;
  --radius-none: 0;
  --radius-pill: 9999px;
  --radius-small: 0.125rem;
  --radius-xlarge: 1rem;
  --shadow-overlay-dark: 0 10px 15px -3px rgba(0, 0, 0, 0.6), 0 4px 6px -4px rgba(0, 0, 0, 0.5);
  --shadow-overlay-light: 0 10px 15px -3px rgba(11, 11, 14, 0.1), 0 4px 6px -4px rgba(11, 11, 14, 0.08);
  --shadow-raised-dark: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.4);
  --shadow-raised-light: 0 4px 6px -1px rgba(11, 11, 14, 0.08), 0 2px 4px -2px rgba(11, 11, 14, 0.06);
  --shadow-subtle-dark: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  --shadow-subtle-light: 0 1px 2px 0 rgba(11, 11, 14, 0.05);
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-2: 0.5rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-3: 0.75rem;
  --spacing-32: 8rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --typography-family-body: Inter, system-ui, -apple-system, sans-serif;
  --typography-family-display: Inter, system-ui, -apple-system, sans-serif;
  --typography-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
  --typography-line_height-loose: 2;
  --typography-line_height-normal: 1.5;
  --typography-line_height-relaxed: 1.625;
  --typography-line_height-snug: 1.375;
  --typography-line_height-tight: 1.25;
  --typography-size-base: 1rem;
  --typography-size-h1: 2.25rem;
  --typography-size-h2: 1.875rem;
  --typography-size-h3: 1.5rem;
  --typography-size-lg: 1.125rem;
  --typography-size-sm: 0.875rem;
  --typography-size-xl: 1.25rem;
  --typography-size-xs: 0.75rem;
  --typography-tracking-normal: 0;
  --typography-tracking-tight: -0.025em;
  --typography-tracking-wide: 0.025em;
  --typography-tracking-wider: 0.05em;
  --typography-weight-bold: 700;
  --typography-weight-medium: 500;
  --typography-weight-regular: 400;
  --typography-weight-semibold: 600;
}


@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-duration-fast: 0ms;
    --motion-duration-instant: 0ms;
    --motion-duration-medium: 0ms;
    --motion-duration-slow: 0ms;
  }
}