:root {
            --color-primary: #3b82f6;
            --color-primary-light: #60a5fa;
            --color-primary-lightest: #e0efff;
            --color-primary-dark: #2563eb;

            --color-bg: #f8fafc;
            --color-panel-bg: #ffffff;
            --color-highlight: #f8fafc;
            --color-accent: #f1f5f9;

            --color-text: #1e293b;
            --color-text-light: #64748b;
            --color-muted: #94a3b8;

            --color-border: #e2e8f0;

            --color-success: #10b981;
            --color-warning: #f59e0b;
            --color-danger: #ef4444;
            --color-info: #3b82f6;

            --gradient-start: #2563eb;
            --gradient-end: #3b82f6;

            --hover-bg: #f8fafc;
            --hover-border: #3b82f6;
            --hover-text: #1e293b;

            --sidebar-bg: #f1f5f9;
            --header-bg: #ffffff;
            --card-shadow: rgba(0, 0, 0, 0.05);
            --button-disabled: #cbd5e1;
        }