/* Standard (Light Mode) */
:root {
    /* Primary ist jetzt dein '#0ea5e9' (Sky-500 aus deiner Config) */
    --auth-primary: #0ea5e9;
    --auth-primary-hover: #0284c7; /* Sky-600 */

    /* Backgrounds */
    --auth-bg: #f0f9ff;            /* Sky-50 (Passt gut zu Primary) oder #f8fafc (Slate-50) */
    --auth-card-bg: #ffffff;

    /* Text */
    --auth-text: #0f172a;          /* Slate-900 */
    --auth-text-muted: #64748b;    /* Slate-500 */

    /* Inputs */
    --auth-input-bg: #ffffff;
    --auth-border: #e2e8f0;        /* Slate-200 */

    --auth-error: #ef4444;
    --auth-success: #10b981;

    --auth-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Dark Mode - Matcht deine Config */
:root.dark {
    /* Primary im Dark Mode etwas heller/leuchtender */
    --auth-primary: #38bdf8;       /* Sky-400 */
    --auth-primary-hover: #7dd3fc; /* Sky-300 */

    /* Dein Config Background: dark.bg = '#0f172a' */
    --auth-bg: #0f172a;

    /* Dein Config Card Background: dark.card = '#1e293b' */
    --auth-card-bg: #1e293b;

    /* Text */
    --auth-text: #cbd5e1;          /* Dein dark.text = '#cbd5e1' */
    --auth-text-muted: #64748b;    /* Dein dark.muted = '#64748b' */

    /* Inputs im Dark Mode */
    --auth-input-bg: #020617;      /* Slate-950 (dunkler als Card) */
    --auth-border: #334155;        /* Dein dark.border = '#334155' */

    --auth-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}