/* ========================================================================= Tjans — TEMA-TOKENS Ét sted for alle temaer. Komponenter (app.css / markup) kender KUN variabelnavne — aldrig faste farver, gradienter, radier eller fonts. Et nyt tema = én ny blok her; ingen ændringer i HTML/PHP/JS. :root = Nebula Blød (#36, LÅST default). [data-theme="…"] = override-blokke, sat på . ========================================================================= */ :root { /* Baggrund */ --bg1: #221c2e; /* gradient start (165deg) */ --bg2: #191521; /* gradient slut */ --app-bg: #0e0b14; /* uden for app-rammen */ /* Flader & linjer */ --card: rgba(255, 255, 255, .05); --line: rgba(255, 255, 255, .08); /* Tekst */ --ink: #efe9f4; /* primær */ --dim: rgba(239, 233, 244, .6); /* sekundær */ /* Accenter */ --pink: #f472b6; --violet: #a78bfa; --grad: linear-gradient(90deg, #ec4899, #8b5cf6); /* CTA / positive tal */ /* Status */ --ok: #4ade80; /* godkendt */ --warn: #fb7185; /* minus / straf / afvis */ /* Chrome */ --nav-bg: #151020; /* Radier */ --r-card: 16px; --r-cardlg: 22px; --r-cta: 16px; --r-nav: 12px; } /* Alt-tema, klar til senere (project.md #32 Aurora Nat). Aktiveres med document.documentElement.dataset.theme = 'aurora-nat'. Ingen reload nødig. */ [data-theme="aurora-nat"] { --bg1: #0c1220; --bg2: #0a0f1a; --app-bg: #070b12; --pink: #2dd4bf; --violet: #818cf8; --grad: linear-gradient(90deg, #2dd4bf, #818cf8); --nav-bg: #0a0f1a; } /* "Følg enhedens lys/mørk" tilføjes senere ved at sætte default-temaet her: @media (prefers-color-scheme: light) { :root { … lyst tema … } } */