:root{--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-surface-primary:#fafafa;--color-surface-secondary:var(--color-gray-100);--color-surface-tertiary:var(--color-gray-100);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-disabled:var(--color-gray-400);--color-border-primary:rgba(0,0,0,0.1);--color-border-secondary:rgba(0,0,0,0.05);--color-border-subtle:rgba(0,0,0,0.08);--color-interactive-bg:transparent;--color-interactive-bg-hover:rgba(0,0,0,0.04);--color-interactive-bg-active:rgba(0,0,0,0.08);--color-success:#059669;--color-success-light:rgba(5,150,105,0.1);--color-error:#ef4444;--color-warning:#fbbf24;--color-link:#2563eb;--color-link-hover:#1d4ed8;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--timer-bg:var(--color-success-light);--timer-text:var(--color-success);--progress-bar-bg:var(--color-gray-200);--feedback-bg:var(--color-gray-100);--color-brand-primary:#fecd00;--color-brand-primary-hover:#fdb900;--color-brand-secondary:#1f2937;--color-brand-secondary-hover:#111827;--color-background-primary:#ffffff;--color-background-secondary:var(--color-gray-50);--color-background-tertiary:var(--color-gray-100);--color-background-inverse:var(--color-gray-900);--color-text-tertiary:var(--color-gray-500);--color-text-inverse:#ffffff;--color-border-tertiary:var(--color-gray-300)}.dark{--color-gray-50:var(--color-gray-900);--color-gray-100:var(--color-gray-800);--color-gray-200:var(--color-gray-700);--color-gray-300:var(--color-gray-600);--color-gray-400:var(--color-gray-500);--color-gray-600:var(--color-gray-300);--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-surface-primary:var(--color-gray-900);--color-surface-secondary:var(--color-gray-800);--color-surface-tertiary:var(--color-gray-700);--color-text-primary:#ffffff;--color-text-secondary:#d1d5db;--color-text-disabled:#6b7280;--color-border-primary:rgba(255,255,255,0.1);--color-border-secondary:rgba(255,255,255,0.05);--color-border-subtle:rgba(255,255,255,0.08);--color-interactive-bg:rgba(255,255,255,0.08);--color-interactive-bg-hover:rgba(255,255,255,0.16);--color-interactive-bg-active:rgba(255,255,255,0.24);--color-success:#10b981;--color-success-light:rgba(16,185,129,0.2);--color-error:#f87171;--color-warning:#fbbf24;--color-link:#60a5fa;--color-link-hover:#93bbfc;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.3);--timer-bg:var(--color-success-light);--timer-text:var(--color-success);--progress-bar-bg:var(--color-gray-600);--feedback-bg:var(--color-gray-700);--color-brand-primary:#fecd00;--color-brand-primary-hover:#fdb900;--color-brand-secondary:var(--color-gray-100);--color-brand-secondary-hover:var(--color-gray-200);--color-background-primary:var(--color-gray-900);--color-background-secondary:var(--color-gray-800);--color-background-tertiary:var(--color-gray-700);--color-background-inverse:rgba(255,255,255,0.05);--color-text-tertiary:var(--color-gray-400);--color-text-inverse:var(--color-gray-900);--color-border-tertiary:var(--color-gray-600)}.dark,.light,:root{--btn-outline-bg:var(--color-interactive-bg);--btn-outline-bg-hover:var(--color-interactive-bg-hover);--btn-outline-border:var(--color-border-primary);--btn-outline-text:var(--color-text-primary);--card-bg:var(--color-surface-primary);--card-border:var(--color-border-primary);--input-bg:var(--color-surface-primary);--input-border:var(--color-border-primary);--input-text:var(--color-text-primary)}