/* Smart City brand tokens. White background, black primary; green, orange, red supporting. */ :root { --sc-bg:#FFFFFF; --sc-surface:#F2F2F2; --sc-border:#D9D9D9; --sc-text:#000000; --sc-text-muted:#595959; --sc-primary:#000000; --sc-on-primary:#FFFFFF; --sc-primary-hover:#262626; --sc-accent:#38BC00; --sc-on-accent:#000000; --sc-accent-text:#288600; /* success, selected, brand accent */ --sc-warning:#FF5C00; --sc-on-warning:#000000; --sc-warning-text:#CF4B00; --sc-danger:#FF0000; --sc-on-danger:#000000; --sc-danger-text:#D40000; /* SOS, emergency, errors only */ --sc-focus:#000000; } /* Always light by default, whatever the OS dark-mode setting (Digikraft, 2026-09-27). Dark only when a user explicitly chooses it: . */ :root[data-theme="dark"] { --sc-bg:#000000; --sc-surface:#141414; --sc-border:#333333; --sc-text:#FFFFFF; --sc-text-muted:#B3B3B3; --sc-primary:#FFFFFF; --sc-on-primary:#000000; --sc-primary-hover:#D9D9D9; --sc-accent-text:#38BC00; --sc-warning-text:#FF5C00; --sc-danger-text:#FF3B3B; --sc-focus:#FFFFFF; }