/* ============================================================ IrisFMS light theme. Loaded AFTER theme-dark.css. The app keeps the `theme-dark` class on at all times (so every structural rule in theme-dark.css stays active); light mode simply ADDS the `theme-light` class, which re-defines the palette CSS variables to light values. Because every rule in theme-dark.css reads var(--…), flipping the variables here recolors the whole app with no per-rule duplication. This file only needs: (1) the light palette, (2) color-scheme flips, and (3) overrides for the handful of values theme-dark.css hardcodes (not via var) that would be unreadable on a light background. ============================================================ */ .theme-light { --bg: #f5f6f8; /* app background (soft gray) */ --surface: #ffffff; /* cards, header, sidebar */ --surface-2: #f0f2f5; /* inputs, panels */ --surface-3: #e4e7ec; /* hover / active */ --border: #e1e4e9; /* card hairlines */ --divider: rgba(17, 24, 39, .07); /* faint in-table row divider */ --text: #1f2937; /* primary text */ --text-muted: #5b6470; /* secondary text */ --text-subtle: #8b94a1; /* labels / tertiary */ --primary: #2f6fe0; /* accent only */ --primary-hover: #265dc4; --link: #1d4ed8; background-color: var(--bg); color: var(--text); font-family: Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif; } /* native