:root {
    --color-text-primary: #111827;
    --color-text-inverse: #f8fafc;
    --color-text-muted: #9ca3af;
    --color-focus-ring: #facc15;
    --color-link: #93c5fd;
    --color-accent-warning: #fcd34d;
    --color-accent-warning-strong: #fbbf24;
    --color-accent-danger: #ff4500;
    --color-accent-danger-strong: #ef4444;
    --color-accent-danger-soft: rgba(127, 29, 29, 0.5);
    --color-accent-success: #16a34a;
    --color-accent-success-hover: #22c55e;
    --color-accent-success-strong: #166534;
    --color-accent-success-soft: rgba(20, 83, 45, 0.5);
    --color-accent-primary: #2563eb;
    --color-accent-primary-hover: #3b82f6;
    --color-accent-primary-soft: rgba(59, 130, 246, 0.5);
    --color-accent-light: #f8fafc;
    --color-accent-light-hover: #e5e7eb;
    --color-accent-dark-text: #052e16;
    --color-panel-border: rgba(148, 163, 184, 0.4);
    --color-surface: #ffffff;
    --color-surface-dark: #0d1117;
    --color-surface-overlay: rgba(15, 23, 42, 0.92);
    --color-border-subtle: rgba(148, 163, 184, 0.35);
    --shadow-panel: 0 25px 50px rgba(0, 0, 0, 0.35);
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-pill: 9999px;
    --effect-glow-blue: 0 0 15px rgba(59, 130, 246, 0.5);
    --effect-glow-blue-strong: 0 0 15px rgba(59, 130, 246, 0.8);
    --effect-glow-green: 0 0 10px rgba(74, 222, 128, 0.5);
    --effect-footer-shadow: 0 -5px 20px rgba(0, 0, 0, 0.5);
    --shadow-focus: 0 0 0 3px rgba(250, 204, 21, 0.45);
    --shadow-button: 0 10px 15px rgba(0, 0, 0, 0.2);
}