/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */

/* === PRIMITIVES === */
:root {
  --primitive-color-paper: #26343F;
  --primitive-color-ink: #F3F0E8;
  --primitive-color-coral: #C83E3D;
  --primitive-color-green: #4ADE80;
  --primitive-color-cobalt: #3157FF;
  --primitive-color-sky: #58C7F3;
  --primitive-color-white: #F3F0E8;
  --primitive-color-deep: #18242D;
  --primitive-color-graphite: #33434D;
  --primitive-color-muted: #B9C0C3;
  --primitive-color-border: #465A66;
  --primitive-spacing-1: 0.25rem;
  --primitive-spacing-2: 0.5rem;
  --primitive-spacing-3: 0.75rem;
  --primitive-spacing-4: 1rem;
  --primitive-spacing-5: 1.25rem;
  --primitive-spacing-6: 1.5rem;
  --primitive-spacing-8: 2rem;
  --primitive-spacing-12: 3rem;
  --primitive-spacing-16: 4rem;
  --primitive-radius-sm: 0.25rem;
  --primitive-radius-md: 0.75rem;
  --primitive-radius-lg: 1.75rem;
  --primitive-radius-xl: 2.5rem;
  --primitive-radius-full: 999px;
  --primitive-duration-fast: 180ms;
  --primitive-duration-normal: 360ms;
  --primitive-duration-draw: 1100ms;
  --primitive-duration-slow: 1400ms;
}

/* === SEMANTIC === */
:root {
  --color-background: #26343F;
  --color-foreground: #F3F0E8;
  --color-primary: #C83E3D;
  --color-highlight: #4ADE80;
  --color-secondary: #3157FF;
  --color-tertiary: #58C7F3;
  --color-surface: #33434D;
  --color-deep: #18242D;
  --color-muted: #B9C0C3;
  --color-border: #465A66;
  --color-focus: #3157FF;
  --spacing-control: 1rem;
  --spacing-section: 4rem;
}

/* === COMPONENTS === */
:root {
  --line-color: #F3F0E8;
  --line-width: 0.25rem;
  --line-duration: 1100ms;
  --button-bg: #33434D;
  --button-fg: #F3F0E8;
  --button-accent: #C83E3D;
  --button-radius: 999px;
  --button-duration: 360ms;
  --panel-bg: #33434D;
  --panel-fg: #F3F0E8;
  --panel-radius: 1.75rem;
}