/**
 * Design System Tokens
 * Generated by Style Dictionary — do not edit
 */

/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --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;
  --text-xs: 11px;
  --text-sm: 12px;
  --text-base: 14px;
  --text-md: 18px;
  --text-lg: 22px;
  --text-xl: 28px;
  --text-2xl: 35px;
  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;
  --font-serif: Charter, 'Bitstream Charter', 'Noto Serif', 'Book Antiqua', Georgia, serif;
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, Helvetica, Arial, sans-serif;
  --font-mono: 'SF Mono', ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, monospace;
  --color-neutral-0: #ffffff;
  --color-neutral-50: #f7f7f7;
  --color-neutral-100: #eeeeee;
  --color-neutral-200: #d5d5d5;
  --color-neutral-300: #bbbbbb;
  --color-neutral-500: #777777;
  --color-neutral-700: #444444;
  --color-neutral-900: #1a1a1a;
  --color-neutral-950: #111111;
  --color-success-base: oklch(0.55 0.18 145);
  --color-success-hover: oklch(0.48 0.18 145);
  --color-success-muted: oklch(0.90 0.05 145);
  --color-success-subtle: oklch(0.95 0.025 145);
  --color-success-text: oklch(0.45 0.16 145);
  --color-warning-base: oklch(0.55 0.18 85);
  --color-warning-hover: oklch(0.48 0.18 85);
  --color-warning-muted: oklch(0.90 0.05 85);
  --color-warning-subtle: oklch(0.95 0.025 85);
  --color-warning-text: oklch(0.45 0.16 85);
  --color-error-base: oklch(0.55 0.18 25);
  --color-error-hover: oklch(0.48 0.18 25);
  --color-error-muted: oklch(0.90 0.05 25);
  --color-error-subtle: oklch(0.95 0.025 25);
  --color-error-text: oklch(0.45 0.16 25);
  --color-info-base: oklch(0.55 0.18 250);
  --color-info-hover: oklch(0.48 0.18 250);
  --color-info-muted: oklch(0.90 0.05 250);
  --color-info-subtle: oklch(0.95 0.025 250);
  --color-info-text: oklch(0.45 0.16 250);
  --color-surface-primary: #ffffff;
  --color-surface-secondary: #f7f7f7;
  --color-surface-tertiary: #eeeeee;
  --color-text-primary: #111111;
  --color-text-secondary: #444444;
  --color-text-tertiary: #777777;
  --color-border-default: #d5d5d5;
  --color-border-emphasis: #bbbbbb;
  --shadow-float: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
  --duration-fast: 100ms;
  --duration-normal: 150ms;
  --duration-slow: 250ms;
  --z-base: 0;
  --z-sticky: 10;
  --z-dropdown: 20;
  --z-overlay: 30;
  --z-toast: 40;
  --icon-sm: 16px;
  --icon-md: 20px;
  --breakpoint-narrow: 640px;
}

/**
 * Do not edit directly, this file was auto-generated.
 */

:root[data-theme="dark"] {
  --color-neutral-0: #111111;
  --color-neutral-50: #141414;
  --color-neutral-100: #1a1a1a;
  --color-neutral-200: #2a2a2a;
  --color-neutral-300: #444444;
  --color-neutral-500: #777777;
  --color-neutral-700: #bbbbbb;
  --color-neutral-900: #eeeeee;
  --color-neutral-950: #f7f7f7;
  --color-success-base: oklch(0.65 0.17 145);
  --color-success-hover: oklch(0.72 0.17 145);
  --color-success-muted: oklch(0.25 0.06 145);
  --color-success-subtle: oklch(0.18 0.03 145);
  --color-success-text: oklch(0.75 0.15 145);
  --color-warning-base: oklch(0.65 0.17 85);
  --color-warning-hover: oklch(0.72 0.17 85);
  --color-warning-muted: oklch(0.25 0.06 85);
  --color-warning-subtle: oklch(0.18 0.03 85);
  --color-warning-text: oklch(0.75 0.15 85);
  --color-error-base: oklch(0.65 0.17 25);
  --color-error-hover: oklch(0.72 0.17 25);
  --color-error-muted: oklch(0.25 0.06 25);
  --color-error-subtle: oklch(0.18 0.03 25);
  --color-error-text: oklch(0.75 0.15 25);
  --color-info-base: oklch(0.65 0.17 250);
  --color-info-hover: oklch(0.72 0.17 250);
  --color-info-muted: oklch(0.25 0.06 250);
  --color-info-subtle: oklch(0.18 0.03 250);
  --color-info-text: oklch(0.75 0.15 250);
  --color-surface-primary: #111111;
  --color-surface-secondary: #141414;
  --color-surface-tertiary: #1a1a1a;
  --color-text-primary: #f7f7f7;
  --color-text-secondary: #bbbbbb;
  --color-text-tertiary: #777777;
  --color-border-default: #2a2a2a;
  --color-border-emphasis: #444444;
  --shadow-float: 0px 2px 8px 0px rgba(0, 0, 0, 0.4);
}