:root {
    /* Color System */
    --primary-color: #007a8a;
    --primary-hover: #006371;
    --secondary-color: #2F80ED;
    --success-color: #22C55E;
    --danger-color: #EF4444;
    --warning-color: #F59E0B;
    --info-color: #0EA5E9;
    
    --bg-color: #F5F7FA;
    --card-bg: #FFFFFF;
    --border-color: #E5E7EB;
    
    --text-primary: #111827;
    --text-secondary: #6B7280;
    --text-muted: #9CA3AF;
    
    /* Spacing System (8-point scale) */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 16px;
    --sp-4: 24px;
    --sp-5: 32px;
    --sp-6: 48px;
    --sp-7: 64px;
    
    /* Typography */
    --font-family: 'Inter', sans-serif;
    
    /* Borders & Shadows */
    --border-radius: 12px;
    --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    
    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-normal: 300ms ease;
}

[data-bs-theme="dark"] {
    --bg-color: #111827;
    --card-bg: #1F2937;
    --border-color: #374151;
    
    --text-primary: #F9FAFB;
    --text-secondary: #D1D5DB;
    --text-muted: #9CA3AF;
    
    --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
    --card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.6);
}