// ━━━ Design Tokens ━━━

// Colors
$primary: #1d4ed8;
$primary-light: #3b82f6;
$primary-dark: #1e40af;
$success: #10b981;
$warning: #f59e0b;
$error: #ef4444;
$info: #06b6d4;

// Dark theme surfaces
$dark-bg: #0f172a;
$dark-surface: #1e293b;
$dark-surface-light: #334155;

// Light theme surfaces
$light-bg: #ffffff;
$light-surface: #ffffff;
$light-surface-alt: #f8fafc;

// Typography
$font-body: 'Plus Jakarta Sans', sans-serif;
$font-code: 'JetBrains Mono', monospace;

// Spacing scale (8px base)
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;
$spacing-2xl: 48px;
$spacing-3xl: 64px;

// Border radii
$radius-sm: 6px;
$radius-md: 10px;
$radius-lg: 14px;
$radius-xl: 20px;
$radius-pill: 999px;

// Shadows
$shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
$shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
$shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
$shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
$shadow-colored: 0 10px 25px -5px rgba($primary, 0.25);

// Z-index scale
$z-sidebar: 100;
$z-navbar: 110;
$z-overlay: 200;
$z-modal: 300;
$z-toast: 400;
$z-command-palette: 500;

// Layout
$sidebar-width: 260px;
$sidebar-collapsed-width: 72px;
$navbar-height: 64px;
$footer-height: 56px;
$content-max-width: 1400px;

// Transitions
$transition-fast: 150ms ease;
$transition-base: 250ms ease;
$transition-slow: 350ms ease;
