:root {
    --color-body-bg: #f0f2f5;
    --color-text: #333;
    --color-text-dark: #1e293b;
    --color-text-secondary: #475569;
    --color-text-muted: #64748b;
    --color-text-light: #94a3b8;
    --color-text-inverse: #ffffff;

    --color-sidebar-bg: #1e293b;
    --color-sidebar-text: #cbd5e1;
    --color-sidebar-text-muted: #94a3b8;
    --color-sidebar-section: #64748b;
    --color-sidebar-hover: rgba(255,255,255,0.05);
    --color-sidebar-active-bg: rgba(102,126,234,0.15);
    --color-sidebar-user-bg: rgba(255,255,255,0.05);
    --color-sidebar-logout-bg: rgba(239,68,68,0.1);
    --color-sidebar-logout-hover: rgba(239,68,68,0.2);
    --color-sidebar-logout-text: #fca5a5;
    --color-sidebar-logout-hover-text: #fecaca;
    --color-sidebar-border: rgba(255,255,255,0.08);

    --color-surface: #ffffff;
    --color-surface-alt: #f8f9fa;
    --color-surface-hover: #f1f5f9;
    --color-surface-hover-alt: #fafbfc;
    --color-surface-hover-dark: #f0f0f0;
    --color-border: #e5e7eb;
    --color-border-light: #e8ecf1;
    --color-border-lighter: #f1f5f9;

    --color-primary: #667eea;
    --color-primary-dark: #5a67d8;
    --color-secondary: #764ba2;
    --color-accent: #ffd479;
    --color-success: #10b981;
    --color-danger: #ef4444;
    --color-info: #3b82f6;
    --color-warning: #ff9a56;

    --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --gradient-green: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
    --gradient-orange: linear-gradient(135deg, #ff9a56 0%, #ff6b6b 100%);
    --gradient-pink: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --gradient-cyan: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    --gradient-danger: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    --gradient-notice: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);

    --color-notice-text: #8b4513;
    --color-input-bg: #f8f9fa;
    --color-input-border: #e0e0e0;
    --color-input-focus-ring: rgba(102, 126, 234, 0.1);

    --color-info-bg: #f0f4ff;
    --color-info-border: #c7d2fe;
    --color-info-text: #4338ca;
    --color-info-text-strong: #3730a3;

    --color-alert-success-bg: #d4edda;
    --color-alert-success-text: #155724;
    --color-alert-danger-bg: #f8d7da;
    --color-alert-danger-text: #721c24;

    --color-toggle-off: #ccc;
    --color-gray-neutral: #ccc;
    --color-gray-bg: #e9ecef;
    --color-gray-bg-hover: #dee2e6;
    --color-gray-border: #adb5bd;
    --color-gray-text: #495057;
    --color-hover-bg: #f0f2ff;

    --badge-red: #ef4444;
    --badge-blue: #3b82f6;
    --badge-green: #10b981;

    --heatmap-0: #ebedf0;
    --heatmap-1: #c6e48b;
    --heatmap-2: #7bc96f;
    --heatmap-3: #239a3b;
    --heatmap-4: #196127;

    --accuracy-high-bg: #dcfce7;
    --accuracy-high-text: #166534;
    --accuracy-medium-bg: #fef3c7;
    --accuracy-medium-text: #854d0e;
    --accuracy-low-bg: #fee2e2;
    --accuracy-low-text: #991b1b;

    --shadow-sm: 0 1px 3px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 20px rgba(0,0,0,0.08);
    --shadow-lg: 0 10px 30px rgba(0,0,0,0.15);
    --shadow-primary: 0 6px 15px rgba(102,126,234,0.3);

    --color-surface-hover-blue: #f8f9ff;
    --color-surface-hover-indigo: #eef2ff;
    --color-surface-hover-warm: #fff5f5;
    --color-surface-warm: #fff8e1;
    --color-surface-success: #e8f5e9;
    --color-surface-warn: #fff3e0;
    --color-surface-orange: #ffe0b2;

    --color-text-primary: #333;
    --color-text-secondary-dark: #444;
    --color-text-strong: #555;
    --color-text-medium: #666;
    --color-text-weak: #888;
    --color-text-faint: #aaa;
    --color-text-lighter: #bbb;
    --color-text-subtle: #999;

    --color-border-default: #ddd;
    --color-border-strong: #f0f0f0;
    --color-border-orange-light: #ffcc80;
    --color-border-orange: #ffb74d;
    --color-border-blue-light: #bbdefb;

    --color-info-text-dark: #5d4037;
    --color-orange-dark: #e65100;
    --color-orange-medium: #ff9800;
    --color-orange-bright: #f57c00;
    --color-blue-link: #1976d2;
    --color-blue-bg: #e3f2fd;
    --color-warn-bg: #fff3e0;
    --color-warn-text: #f57c00;
    --color-purple-new: #4ecdc4;
    --color-red-alert: #ff6b6b;
    --color-orange-review: #ff9800;
    --color-gray-state: #9e9e9e;

    --color-badge-admin-bg: #fef3c7;
    --color-badge-admin-text: #92400e;
    --color-badge-user-bg: #dbeafe;
    --color-badge-user-text: #1e40af;
    --color-badge-zero-bg: #f3f4f6;
    --color-badge-zero-text: #9ca3af;

    --color-purple-dark: #5a3e8a;
    --color-teal-mid: #44a08d;
    --color-rose-pink: #ee5a6f;
    --color-violet-light: #a78bfa;
    --color-violet-deep: #7c3aed;
    --color-amber-dark: #856404;
    --color-cyan-info: #17a2b8;
    --color-coral-red: #ee5a24;
    --color-red-deep: #c62828;
    --color-border-light-gray: #ddd;

    --gradient-violet: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%);
    --gradient-teal: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%);
    --gradient-coral: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
    --gradient-coral-red: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);

    --color-white-50: rgba(255,255,255,0.5);
    --color-white-60: rgba(255,255,255,0.6);
    --color-white-70: rgba(255,255,255,0.7);
    --color-white-75: rgba(255,255,255,0.75);
    --color-white-24: rgba(255,255,255,0.24);
    --color-white-37: rgba(255,255,255,0.37);

    --color-border-gray-light: #eee;
    --color-border-gray: #e2e8f0;
    --color-bg-light-gray: #fafafa;
    --color-bg-medium-gray: #f5f5f5;
    --color-bg-hover-gray: #e6edff;
    --color-bg-hover-indigo: #dde2ff;

    --color-stat-orange: #f59e0b;
    --color-stat-teal: #14b8a6;
    --color-stat-pink: #ec4899;
    --color-stat-indigo: #6366f1;
    --color-stat-purple: #8b5cf6;

    --color-tag-pink-bg: #fce4ec;
    --color-tag-pink-text: #c2185b;
    --color-tag-indigo-bg: #e8eaf6;
    --color-tag-indigo-text: #3949ab;
    --color-tag-gray-bg: #eceff1;
    --color-tag-gray-text: #78909c;
    --color-tag-green-bg: #d1fae5;
    --color-tag-green-text: #065f46;

    --color-success-green: #27ae60;
    --color-alert-red: #e74c3c;
    --color-alert-amber: #ffc107;
    --color-progress-orange: #f59e0b;
    --color-text-muted-gray: #6b7280;
    --color-text-muted-slate: #95a5a6;
    --color-text-link: #2563eb;
    --color-text-green-dark: #2e7d32;

    --color-bg-purple-tint: #f5f7ff;
    --color-bg-blue-tint: #e3f2fd;
    --color-bg-orange-tint: #fff3e0;
    --color-bg-green-tint: #e8f5e9;
    --color-bg-red-tint: #ffebee;

    --color-black: #000;
    --color-gold: #ffd93d;
    --color-gold-dark: #ffd700;
    --color-bronze: #cd7f32;
    --color-amber: #f57c0b;
    --color-brown-dark: #5a3e00;
    --color-brown-darker: #5a4500;
    --color-green: #4caf50;
    --color-green-light: #e8f8f5;
    --color-green-soft: #c8e6c9;
    --color-green-whisper: #f0faf7;
    --color-green-dark: #00695c;
    --color-green-teal: #48bb78;
    --color-red: #f44336;
    --color-red-light: #ffcdd2;
    --color-red-soft: #fed7d7;
    --color-red-coral: #fc8181;
    --color-red-orange: #f56565;
    --color-red-dark: #c53030;
    --color-blue-navy: #004085;
    --color-blue-dark: #1565c0;
    --color-blue-bright: #2196f3;
    --color-blue-medium: #2b6cb0;
    --color-blue-sky: #4299e1;
    --color-blue-light: #5b86e5;
    --blue-light-bg: #bee3f8;
    --color-blue-pale: #cce5ff;
    --color-purple-light-bg: #f3e5f5;
    --color-purple-dark: #6a1b9a;
    --color-brown: #4e342e;
    --color-slate-dark: #1a1a2e;
    --color-slate-darker: #16213e;
    --color-slate-gray: #2d3748;
    --color-slate-medium: #4a5568;
    --color-slate-light: #8e9eab;
    --color-gray-light: #c0c0c0;
    --color-gray-lighter: #cbd5e0;
    --color-gray-bg: #f5f6fa;
    --color-border-gray-medium: #e2e3e5;
    --color-border-gray-dark: #e8e8e8;
    --color-teal-light: #e0f2f1;
    --color-teal-bright: #36d1dc;
    --color-cyan-bright: #00f2fe;
    --color-green-bright: #38ef7d;
    --color-coral-pink: #f093fb;
    --color-coral-red: #f5576c;
    --color-blue-cyan: #4facfe;
    --color-orange-light: #fda085;
    --color-orange-peach: #f6d365;
    --color-lavender: #eef0ff;
    --color-beige: #efebe9;
    --color-light-blue: #c3cfe2;

    --color-white-20: rgba(255,255,255,0.2);

    --color-white-10: rgba(255,255,255,0.1);

    --color-black-50: rgba(0,0,0,0.5);

    --color-black-80: rgba(0,0,0,0.8);
}