.theme-button { display: grid; place-items: center; width: 32px; height: 32px; border: 0; border-radius: 8px; background: transparent; color: #475569; cursor: pointer; }
.theme-button:hover { background: #f1f5f9; }
.theme-button[aria-pressed="true"], .theme-button[aria-current="page"] { background: #e2e8f0; color: #0f172a; box-shadow: inset 0 0 0 1px #94a3b8; }
.dark .theme-button { color: #cbd5e1; }
.dark .theme-button:hover { background: #1e293b; }
.dark .theme-button[aria-pressed="true"], .dark .theme-button[aria-current="page"] { background: #334155; color: #fff; box-shadow: inset 0 0 0 1px #94a3b8; }
.theme-button:focus-visible { outline: 2px solid #3b82f6; outline-offset: 2px; }