/* * theme.css – RRM gemensamma temafärger * Inkluderas av dashboard.html, login.html, verify.html. * Initskriptet i varje sidas sätter data-theme på . */ /* ── Mörkt tema (standard) ── */ :root{ --bg-app: #000000; --bg-base: #111111; --bg-deep: #0a0a0a; --bg-card: #1e1e1e; --bg-hi: #252525; --bg-tbl: #222222; --bg-hover: #2a2a2a; --bdr: #1e3a14; --bdr-input: #244018; --bdr-row: #101e0d; --bdr-inner: #0c1908; --bdr-dis: #1a2e10; --bdr-outline: #3a6a28; --tx-hi: #ffffff; --tx: #8a8872; --tx-body: #a8c890; --tx-muted: var(--tx-body); --tx-faint: #60a030; --tx-ghost: #52703d; --tx-light: #daeac8; --acc: #e5f0e0; --acc-lite: #60a030; --acc-live: #509e2f; --acc-dim: #52703d; --sb-tx: #8ab870; --sb-icon: #4e8030; --btn-bg: #2d7a18; --btn-hover: #226012; --av-active: #1a4a10; --inp-focus: #3a8028; --fp-dis: #2a3818; --c-ok: var(--acc-live); --c-err: #ef4444; --c-warn: #fbbf24; } /* ── Ljust tema ── */ html[data-theme="light"]{ --bg-app: #ffffff; --bg-base: #e6f0df; --bg-deep: #eaecea; --bg-card: #f8faf7; --bg-hi: #d8e8cf; --bg-tbl: #edf5e8; --bg-hover: #d8e8cf; --bdr: #b0d098; --bdr-input: #9ac085; --bdr-row: #cce0c0; --bdr-inner: #c0d8b0; --bdr-dis: #c8d8be; --bdr-outline: #509e2f; --tx-hi: #111111; --tx: #4a5840; --tx-body: #2a4820; --tx-muted: var(--tx-body); --tx-faint: #688558; --tx-ghost: #9ab090; --tx-light: #1c3810; --acc: #225a14; --acc-lite: #3c8824; --acc-live: #509e2f; --acc-dim: #5a7e45; --sb-tx: #224818; --sb-icon: #3a7020; --btn-bg: #509e2f; --btn-hover: #3c7a22; --av-active: #c0dca8; --inp-focus: #509e2f; --fp-dis: #dae5d2; --c-ok: var(--acc-live); --c-err: #c92020; --c-warn: #b86a00; }