@charset "UTF-8";
/**
 * Design Tokens — auto-generated by Phase 6a (generate-design-tokens.py)
 * Variables use --site-* prefix to match skin.css / base-structure.css.
 */

:root {
  /* ── Colors ── */
  --site-primary: #4e35b2;
  --site-primary-hover: #475569;
  --site-primary-active: #334155;
  --site-primary-light: #e2e8f0;
  --site-primary-lighter: #f1f5f9;
  --site-primary-border: #94a3b8;
  --site-primary-dark: #1e293b;
  --site-secondary: #94a3b8;
  --site-secondary-hover: #64748b;
  --site-secondary-active: #475569;
  --site-secondary-light: #f1f5f9;
  --site-secondary-lighter: #f8fafc;
  --site-secondary-border: #cbd5e1;
  --site-secondary-dark: #334155;
  --site-accent: #ec4899;
  --site-accent-hover: #db2777;
  --site-accent-active: #be185d;
  --site-accent-light: #fce7f3;
  --site-accent-lighter: #fdf2f8;
  --site-accent-border: #f472b6;
  --site-accent-dark: #831843;
  --site-success: #10b981;
  --site-success-hover: #059669;
  --site-success-active: #047857;
  --site-success-light: #d1fae5;
  --site-success-lighter: #ecfdf5;
  --site-success-border: #34d399;
  --site-success-dark: #065f46;
  --site-warning: #f59e0b;
  --site-warning-hover: #d97706;
  --site-warning-active: #b45309;
  --site-warning-light: #fef3c7;
  --site-warning-lighter: #fffbeb;
  --site-warning-border: #fbbf24;
  --site-warning-dark: #92400e;
  --site-error: #ef4444;
  --site-error-hover: #dc2626;
  --site-error-active: #b91c1c;
  --site-error-light: #fecaca;
  --site-error-lighter: #fef2f2;
  --site-error-border: #f87171;
  --site-error-dark: #991b1b;
  --site-info: #0ea5e9;
  --site-info-hover: #0284c7;
  --site-info-active: #0369a1;
  --site-info-light: #e0f2fe;
  --site-info-lighter: #f0f9ff;
  --site-info-border: #38bdf8;
  --site-info-dark: #075985;
  --site-background: #ffffff;
  --site-background-alt: #f8fafc;
  --site-background-secondary: #f1f5f9;
  --site-background-tertiary: #e2e8f0;
  --site-surface: #ffffff;
  --site-surface-raised: #ffffff;
  --site-surface-overlay: #ffffff;
  --site-surface-sunken: #f8fafc;
  --site-text: #0f172a;
  --site-text-primary: #0f172a;
  --site-text-secondary: #334155;
  --site-text-tertiary: #64748b;
  --site-text-muted: #94a3b8;
  --site-text-disabled: #cbd5e1;
  --site-text-inverse: #ffffff;
  --site-text-light: #475569;
  --site-border: #e2e8f0;
  --site-border-light: #f1f5f9;
  --site-border-medium: #cbd5e1;
  --site-border-strong: #94a3b8;
  --site-border-inverse: #334155;
  --site-border-dark: #64748b;
  --site-focus-ring: #ec4899;

  /* ── Spacing ── */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  --spacing-4xl: 96px;

  /* ── Radius ── */
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  /* ── Shadows ── */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --shadow-none: none;
}