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

/* === PRIMITIVES === */
:root {
  --primitive-color-green-50: #EAF8EC;
  --primitive-color-green-100: #C8E6C9;
  --primitive-color-green-200: #A5D6A7;
  --primitive-color-green-300: #7BC67E;
  --primitive-color-green-400: #66BB6A;
  --primitive-color-green-500: #4CAF50;
  --primitive-color-green-600: #43A047;
  --primitive-color-green-700: #388E3C;
  --primitive-color-green-800: #2E7D32;
  --primitive-color-green-900: #1B5E20;
  --primitive-color-neutral-0: #FFFFFF;
  --primitive-color-neutral-50: #F8FCF8;
  --primitive-color-neutral-100: #DCEFD9;
  --primitive-color-neutral-400: #9CA3AF;
  --primitive-color-neutral-500: #6B7280;
  --primitive-color-neutral-800: #1F2937;
  --primitive-color-forest-50: #E6F4E9;
  --primitive-color-forest-300: #9DB3A6;
  --primitive-color-forest-700: #234A34;
  --primitive-color-forest-800: #16281F;
  --primitive-color-forest-900: #0F1F16;
  --primitive-color-status-warning: #F59E0B;
  --primitive-color-status-error: #DC2626;
  --primitive-color-status-info: #2563EB;
  --primitive-size-0: 0;
  --primitive-size-1: 0.25rem;
  --primitive-size-2: 0.5rem;
  --primitive-size-3: 1rem;
  --primitive-size-4: 1.5rem;
  --primitive-size-5: 3rem;
}

/* === SEMANTIC === */
:root {
  --color-primary: #4CAF50;
  --color-primary-hover: #43A047;
  --color-primary-active: #388E3C;
  --color-primary-light: #EAF8EC;
  --color-primary-text: #2E7D32;
  --color-primary-text-hover: #1B5E20;
  --color-accent: #7BC67E;
  --color-background: #F8FCF8;
  --color-surface: #FFFFFF;
  --color-border: #DCEFD9;
  --color-text: #1F2937;
  --color-text-muted: #6B7280;
  --color-success: #2E7D32;
  --color-warning: #F59E0B;
  --color-error: #DC2626;
  --color-info: #2563EB;
  --color-dark-background: #0F1F16;
  --color-dark-surface: #16281F;
  --color-dark-border: #234A34;
  --color-dark-text: #E6F4E9;
  --color-dark-text-muted: #9DB3A6;
  --color-dark-primary-text: #4CAF50;
  --color-dark-primary-light: rgba(76, 175, 80, .18);
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 3rem;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-pill: 999px;
  --radius-circle: 50%;
  --shadow-header: 0 1px 8px rgba(31, 41, 55, .04);
  --shadow-card: 0 2px 10px rgba(31, 41, 55, .05);
  --shadow-overlay: 0 10px 24px rgba(31, 41, 55, .08);
  --shadow-focus: 0 0 0 .2rem rgba(76, 175, 80, .15);
  --shadow-dark-overlay: 0 6px 20px rgba(15, 31, 22, .18);
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-heading: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --font-size-caption: 0.75rem;
  --font-size-meta: 0.8rem;
  --font-size-label: 0.875rem;
  --font-size-body: 1rem;
  --font-size-h4: 1.25rem;
  --font-size-h3: 1.5rem;
  --font-size-h2: 2rem;
  --font-size-h1: 2.5rem;
  --motion-duration: 0.2s;
  --motion-easing: ease;
  --layout-sidebar-width: 280px;
  --layout-aside-width: 320px;
  --layout-header-height: 64px;
}

/* === COMPONENTS === */
:root {
  --button-primary-bg: #4CAF50;
  --button-primary-bg-hover: #43A047;
  --button-primary-text: #FFFFFF;
  --button-primary-radius: 0.65rem;
  --button-outline-text: #2E7D32;
  --button-outline-border: #4CAF50;
  --button-outline-bg-hover: #4CAF50;
  --button-secondary-text: #6B7280;
  --button-secondary-border: #DCEFD9;
  --button-secondary-bg-hover: #EAF8EC;
  --card-surface: #FFFFFF;
  --card-border: #DCEFD9;
  --card-radius: 16px;
  --card-shadow: 0 2px 10px rgba(31, 41, 55, .05);
  --card-padding: 1.5rem;
  --input-bg: #FFFFFF;
  --input-border: #DCEFD9;
  --input-border-focus: #7BC67E;
  --input-radius: 10px;
  --input-shadow-focus: 0 0 0 .2rem rgba(76, 175, 80, .15);
}