:root{--primary:#ff6b6b;--primary-light:#ffe5e5;--primary-dark:#ff4f4f;--primary-gradient:linear-gradient(
    135deg,
    #ff6b6b 0%,
    #ff5858 50%,
    #f0932b 100%
  );--text-primary:#2d3748;--text-secondary:#4a5568;--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--bg-accent:rgba(255, 107, 107, 0.1);--border:#e2e8f0;--shadow:0 2px 4px rgba(0, 0, 0, 0.1);--shadow-lg:0 4px 12px rgba(0, 0, 0, 0.1);--focus-ring:0 0 0 3px var(--primary-light)}[data-theme=dark]{--primary:#ff7b7b;--primary-light:rgba(255, 123, 123, 0.2);--primary-dark:#ff6b6b;--primary-gradient:linear-gradient(
    135deg,
    #ff7b7b 0%,
    #ff6868 50%,
    #f0a33b 100%
  );--text-primary:#f7fafc;--text-secondary:#cbd5e0;--bg-primary:#1a202c;--bg-secondary:#2d3748;--bg-accent:rgba(255, 123, 123, 0.1);--border:#4a5568;--shadow:0 2px 4px rgba(0, 0, 0, 0.3);--shadow-lg:0 4px 12px rgba(0, 0, 0, 0.4);--focus-ring:0 0 0 3px rgba(255, 123, 123, 0.4)}.theme-switcher{display:flex;align-items:center;margin:0 1rem}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.theme-toggle:hover{color:var(--primary);background:var(--bg-accent)}.theme-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.theme-toggle svg{width:20px;height:20px;transition:transform .3s ease}.theme-toggle .moon-icon{display:none}[data-theme=dark] .sun-icon{display:none}[data-theme=dark] .moon-icon{display:block}