:root {
    --light-primary: #25eb7b;
    --light-primary-dark: #1e40af;
    --light-secondary: #64748b;
    --light-dark: #0f172a;
    --light-light: #f8fafc;
    --light-accent: #56d229;
    --light-card-bg: white;
    --light-shadow-base: rgba(0,0,0,0.1);

    --primary: #2563eb;
    --primary-dark: #1e40af;
    --secondary: #64748b;
    --dark: #0f172a;
    --light: #f8fafc;
    --accent: #3b82f6;

    --dark-primary: #5eead4;
    --dark-primary-dark: #0f766e;
    --dark-secondary: #94a3b8;
    --dark-dark: #f8fafc;
    --dark-light: #1e293b;
    --dark-accent: #34d399;
    --dark-card-bg: #334155;
    --dark-shadow-base: rgba(0,0,0,0.5);

    --color-text: var(--light-dark);
    --color-background: var(--light-light);
    --color-primary: var(--light-primary);
    --color-primary-dark: var(--light-primary-dark);
    --color-secondary: var(--light-secondary);
    --color-accent: var(--light-accent);
    --color-card-bg: var(--light-card-bg);
    --color-border: #e2e8f0;
    --color-shadow-base: var(--light-shadow-base);
}

/*noinspection CssUnusedSymbol*/
body.dark-theme {
    --color-text: var(--dark-dark);
    --color-background: var(--dark-light);
    --color-primary: var(--dark-primary);
    --color-primary-dark: var(--dark-primary-dark);
    --color-secondary: var(--dark-secondary);
    --color-accent: var(--dark-accent);
    --color-card-bg: var(--dark-card-bg);
    --color-border: #475569;
    --color-shadow-base: var(--dark-shadow-base);
}