:root{--primary:220 80% 55%;--primary-hover:220 80% 50%;--primary-active:220 80% 45%;--primary-fg:0 0% 100%;--secondary:220 14% 96%;--secondary-hover:220 14% 90%;--secondary-active:220 14% 80%;--secondary-fg:220 20% 15%;--success:142 72% 45%;--success-hover:142 72% 40%;--success-active:142 72% 35%;--success-fg:0 0% 100%;--danger:0 84% 60%;--danger-hover:0 84% 55%;--danger-active:0 84% 50%;--danger-fg:0 0% 100%;--warning:45 93% 47%;--warning-hover:45 93% 42%;--warning-active:45 93% 37%;--warning-fg:220 20% 15%;--info:217 91% 60%;--info-hover:217 91% 55%;--info-active:217 91% 50%;--info-fg:0 0% 100%;--fg:220 20% 15%;--fg-secondary:220 10% 35%;--fg-tertiary:220 8% 50%;--fg-inverse:0 0% 100%;--bg:220 14% 97%;--bg-card:0 0% 100%;--bg-hover:220 14% 94%;--bg-disabled:220 10% 85%;--bg-input:0 0% 100%;--border:220 10% 80%;--border-hover:220 10% 65%;--border-active:220 10% 50%;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.15);--focus:217 91% 60%;--overlay:rgba(0,0,0,0.5);--btn-primary-bg:hsl(var(--primary));--btn-primary-hover:hsl(var(--primary-hover));--btn-primary-active:hsl(var(--primary-active));--btn-primary-fg:hsl(var(--primary-fg));--btn-secondary-bg:hsl(var(--secondary));--btn-secondary-hover:hsl(var(--secondary-hover));--btn-secondary-active:hsl(var(--secondary-active));--btn-secondary-fg:hsl(var(--secondary-fg));--card-bg:hsl(var(--bg-card));--card-border:hsl(var(--border));--input-bg:hsl(var(--bg-input));--input-border:hsl(var(--border));--text-primary:hsl(var(--fg));--text-secondary:hsl(var(--fg-secondary));--text-tertiary:hsl(var(--fg-tertiary));--text-inverse:hsl(var(--fg-inverse));--background:hsl(var(--bg));--foreground:hsl(var(--fg));--surface-1:hsl(var(--bg));--surface-2:hsl(var(--bg-card));--surface-3:hsl(var(--bg-hover));--border-color:hsl(var(--border));--border-color-hover:hsl(var(--border-hover));--primary-soft:hsl(var(--primary)/0.1);--primary-soft-hover:hsl(var(--primary)/0.16);--success-soft:hsl(var(--success)/0.1);--danger-soft:hsl(var(--danger)/0.1);--warning-soft:hsl(var(--warning)/0.1);--info-soft:hsl(var(--info)/0.1);--success-color:hsl(var(--success));--danger-color:hsl(var(--danger));--warning-color:hsl(var(--warning));--info-color:hsl(var(--info));--primary-color:hsl(var(--primary));--interactive-hover:hsl(var(--bg-hover));--interactive-active:hsl(var(--secondary-active))}[data-theme=dark]{--primary:217 91% 60%;--primary-hover:217 91% 55%;--primary-active:217 91% 50%;--primary-fg:0 0% 100%;--secondary:220 14% 20%;--secondary-hover:220 14% 25%;--secondary-active:220 14% 30%;--secondary-fg:0 0% 98%;--success:142 72% 40%;--success-hover:142 72% 35%;--success-active:142 72% 30%;--success-fg:0 0% 100%;--danger:0 84% 55%;--danger-hover:0 84% 50%;--danger-active:0 84% 45%;--danger-fg:0 0% 100%;--warning:45 93% 50%;--warning-hover:45 93% 45%;--warning-active:45 93% 40%;--warning-fg:0 0% 10%;--info:217 91% 65%;--info-hover:217 91% 60%;--info-active:217 91% 55%;--info-fg:0 0% 10%;--fg:0 0% 93%;--fg-secondary:220 10% 70%;--fg-tertiary:220 10% 55%;--fg-inverse:0 0% 10%;--bg:0 0% 5%;--bg-card:220 14% 15%;--bg-hover:0 0% 10%;--bg-disabled:220 14% 25%;--bg-input:220 14% 15%;--border:220 10% 30%;--border-hover:220 10% 40%;--border-active:220 10% 55%;--shadow-sm:0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 4px 6px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px rgba(0,0,0,0.4);--focus:217 91% 70%;--overlay:rgba(0,0,0,0.7);--btn-primary-bg:hsl(var(--primary));--btn-primary-hover:hsl(var(--primary-hover));--btn-primary-active:hsl(var(--primary-active));--btn-primary-fg:hsl(var(--primary-fg));--btn-secondary-bg:hsl(var(--secondary));--btn-secondary-hover:hsl(var(--secondary-hover));--btn-secondary-active:hsl(var(--secondary-active));--btn-secondary-fg:hsl(var(--secondary-fg));--card-bg:hsl(var(--bg-card));--card-border:hsl(var(--border));--input-bg:hsl(var(--bg-input));--input-border:hsl(var(--border));--text-primary:hsl(var(--fg));--text-secondary:hsl(var(--fg-secondary));--text-tertiary:hsl(var(--fg-tertiary));--text-inverse:hsl(var(--fg-inverse));--background:hsl(var(--bg));--foreground:hsl(var(--fg));--surface-1:hsl(var(--bg));--surface-2:hsl(var(--bg-card));--surface-3:hsl(var(--bg-hover));--border-color:hsl(var(--border));--border-color-hover:hsl(var(--border-hover));--primary-soft:hsl(var(--primary)/0.1);--primary-soft-hover:hsl(var(--primary)/0.16);--success-soft:hsl(var(--success)/0.1);--danger-soft:hsl(var(--danger)/0.1);--warning-soft:hsl(var(--warning)/0.1);--info-soft:hsl(var(--info)/0.1);--success-color:hsl(var(--success));--danger-color:hsl(var(--danger));--warning-color:hsl(var(--warning));--info-color:hsl(var(--info));--primary-color:hsl(var(--primary));--interactive-hover:hsl(var(--bg-hover));--interactive-active:hsl(var(--secondary-active))}