/* Skaaa Design System - Auto Generated Custom Properties */
:root {
  --skaaa-color-primary: #3b82f6;
  --skaaa-color-secondary: #10b981;
  --skaaa-color-tertiary: #f59e0b;
  --skaaa-color-surface: #ffffff;
  --skaaa-color-background: #f9fafb;
  --skaaa-color-text: #111827;
  --skaaa-color-border: #e5e7eb;
  --skaaa-color-success: #10b981;
  --skaaa-color-warning: #f59e0b;
  --skaaa-color-error: #ef4444;
  --skaaa-color-info: #3b82f6;
  --skaaa-font-primary: Inter, sans-serif;
  --skaaa-font-secondary: Outfit, sans-serif;
  --skaaa-font-mono: IBM Plex Mono, monospace;
  --skaaa-sys-border-radius: 6px;
  --skaaa-sys-box-shadow: none;
  --skaaa-sys-container-width: 1280px;
  --skaaa-sys-transition-duration: 150ms;
  --skaaa-sys-block-gap: 1.5rem;
  --skaaa-sys-content-padding: 1rem;
  --skaaa-sys-color-dark-primary: #60a5fa;
  --skaaa-sys-color-dark-secondary: #34d399;
  --skaaa-sys-color-dark-tertiary: #fbbf24;
  --skaaa-sys-color-dark-surface: #1f2937;
  --skaaa-sys-color-dark-background: #111827;
  --skaaa-sys-color-dark-text: #f9fafb;
  --skaaa-sys-color-dark-border: #374151;
  --skaaa-sys-color-dark-success: #34d399;
  --skaaa-sys-color-dark-warning: #fbbf24;
  --skaaa-sys-color-dark-error: #f87171;
  --skaaa-sys-color-dark-info: #60a5fa;
}

html.dark {
  --skaaa-color-primary: var(--skaaa-sys-color-dark-primary);
  --skaaa-color-secondary: var(--skaaa-sys-color-dark-secondary);
  --skaaa-color-tertiary: var(--skaaa-sys-color-dark-tertiary);
  --skaaa-color-surface: var(--skaaa-sys-color-dark-surface);
  --skaaa-color-background: var(--skaaa-sys-color-dark-background);
  --skaaa-color-text: var(--skaaa-sys-color-dark-text);
  --skaaa-color-border: var(--skaaa-sys-color-dark-border);
  --skaaa-color-success: var(--skaaa-sys-color-dark-success);
  --skaaa-color-warning: var(--skaaa-sys-color-dark-warning);
  --skaaa-color-error: var(--skaaa-sys-color-dark-error);
  --skaaa-color-info: var(--skaaa-sys-color-dark-info);
}