/* * Light theme — token overrides pod [data-theme="light"] na . * Wysoki prefiks (92) = ładowane po wszystkich innych plikach, więc te definicje zmiennych * wygrywają w kaskadzie, gdy atrybut motywu jest ustawiony. Paleta „ciepły papier" spójna * z resztą narzędzi Solertio (bg #faf8f4, akcent przyciemniony do kontrastu na jasnym tle). * Motyw = tylko zmienne CSS, więc komponenty (używające var(--…)) przełączają się bez zmian. */ :root { color-scheme: dark; } [data-theme="light"] { color-scheme: light; --bg: #faf8f4; /* ciepły papier zamiast czystej bieli */ --bg-elev: #f2efe8; --surface: #fefdfb; --surface-2: #f2efe8; --text: #1c1a17; --text-muted: #55514a; --text-dim: #6f6a61; --border: #e6e1d8; --border-soft: #efeae1; /* Akcent przyciemniony (#ff5436 na jasnym tle ma za niski kontrast dla tekstu/obwódek). */ --accent: #c8451f; --accent-soft: rgba(200, 69, 31, 0.1); --accent-ink: #ffffff; --focus: #c8451f; --shadow: 0 1px 0 rgba(0, 0, 0, 0.02), 0 12px 40px rgba(30, 20, 10, 0.1); }