.theme-toggle{background-color:var(--card-bg);border:1px solid var(--card-border);padding:var(--space-1)}.theme-toggle,.theme-toggle .theme-toggle-btn{display:flex;align-items:center;border-radius:var(--radius-full)}.theme-toggle .theme-toggle-btn{justify-content:center;width:36px;height:36px;border:none;background:rgba(0,0,0,0);color:var(--foreground);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle .theme-toggle-btn:hover{background-color:var(--color-gray-200);color:var(--color-gray-900)}.dark-mode .theme-toggle .theme-toggle-btn:hover{background-color:var(--color-gray-700);color:var(--color-gray-100)}.theme-toggle .theme-toggle-btn.active{background-color:var(--color-primary);color:#fff}.theme-toggle .theme-toggle-btn.active:hover{background-color:var(--color-primary-light)}.theme-toggle-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--card-bg);border:1px solid var(--card-border);color:var(--foreground);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle-button:hover{background-color:var(--color-gray-200);color:var(--color-gray-900)}.dark-mode .theme-toggle-button:hover{background-color:var(--color-gray-700);color:var(--color-gray-100)}.theme-toggle-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}