/* ============================================================
Winnrs house style — one shared look for every app, every page.
Home: backbone /static, served at team.winnrs.co/static
Grown in pieces (see UI_KIT_PLAN.md). Phase A: header + boxes + page basics.
How to use on a page:
Then use the wui- classes below, or let winnrs-header.js draw the header.
Everything is prefixed "wui-" so it never clashes with a page's own styles.
Change a colour or size once here → every app updates.
============================================================ */
:root {
--header-bg: #1a1a2e; /* the dark top bar */
--page-bg: #f4f5f8; /* the light page behind everything */
--surface: #ffffff; /* white boxes */
--border: #e4e6ef; /* thin box outline */
--radius: 14px; /* rounded corners */
--text: #1a1a2e; /* normal words */
--text-muted:#6b7280; /* quieter words */
--accent: #6d4aff; /* the one highlight colour (links, focus) */
--accent-dark:#5538e0;
--wui-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--btn-radius: 8px; /* rounded corners for buttons/fields (smaller than card radius) */
}
/* ── Page basics ──────────────────────────────────────────── */
/* Add class "wui" to to opt a page into the house look. */
body.wui {
margin: 0;
background: var(--page-bg);
color: var(--text);
font-family: var(--wui-font);
-webkit-font-smoothing: antialiased;
}
/* Full-width content area under the header (UI_KIT_PLAN.md §4a — no side
gutters, Randy 2026-07-24; the gap ITSELF zeroed 2026-07-29, General rule 5).
Fills the screen edge to edge, no side padding at all. Changed here ONCE so
every page is full-width by default — no page needs its own opt-out.
The one written exception (a centred sign-in card, static/db/index.html)
restores its own side padding locally — see that page's own