/* * stakeholder.services — shared dark theme. * Colours sampled directly from the brand logo * (Stakeholder Services Logo/export/stakeholder-logo-primary-dark.svg): * background #1C2B22, icon ramp #4C8562 -> #6EA980 -> #9FCB9F, * "stakeholder" white #FFFFFF, ".services" #9FCB9F, tagline #8FB89C. * Used by every page (login.php, index.php, elections.php, admin.php, * users.php) so the system reads as one product, not four different tools. */ :root { --bg: #1C2B22; --bg-panel: #223328; --bg-panel-raised: #29402F; --bg-input: #16211A; --border: #33483A; --border-light: #445D4D; --ink: #F3F6F1; --ink-muted: #8FB89C; --ink-faint: #6B8577; --white: #FFFFFF; --accent: #9FCB9F; --accent-mid: #6EA980; --accent-deep: #4C8562; --error: #E2836F; --error-bg: #3A2620; --error-border: #6B4136; --gold: #D4B15A; --gold-light: #8C7239; } /* Light theme — toggled via a data-theme="light" attribute on (see the theme-toggle script in lib/nav.php). Every page builds its palette from these custom properties (index.php/elections.php alias their own --parchment/--commons-green/etc. names to these — see each file's :root block) specifically so this one override switches the whole site, without hunting down colours hardcoded per page. */ :root[data-theme="light"] { --bg: #F6F4EC; --bg-panel: #FFFFFF; --bg-panel-raised: #EDEAE0; --bg-input: #FBFAF6; --border: #DAD6C8; --border-light: #C7C2AE; --ink: #1C2B22; --ink-muted: #4B6656; --ink-faint: #7E8F82; --white: #14201A; --accent: #2F6B45; --accent-mid: #3F7D57; --accent-deep: #274F36; --error: #B23B2E; --error-bg: #FBEAE6; --error-border: #E8B4A8; --gold: #9C7A2E; --gold-light: #6E5620; } * { box-sizing: border-box; } html, body { margin: 0; min-height: 100%; } body { background: var(--bg); color: var(--ink); font-family: 'Manrope', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.5; } a { color: var(--accent); } a:hover { color: var(--white); } h1, h2, h3 { font-weight: 800; color: var(--white); margin: 0 0 8px; } .mono { font-family: 'IBM Plex Mono', ui-monospace, monospace; } .eyebrow { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-muted); } /* ── Brand lockup — icon SVG + live text, not the raster logo, so it stays crisp at any size/zoom. Reused in the nav and on the login page. ────── */ .brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; } .brand img { display: block; } .brand-word { font-family: 'Manrope', sans-serif; font-weight: 800; color: var(--white); letter-spacing: -0.01em; } .brand-word .accent { color: var(--accent); } .brand-tag { display: block; font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-muted); margin-top: 2px; } /* ── Top bar + collapsible left sidebar, shared across every gated page ── lib/nav.php renders
,