/* Shared "Suite of Waaagh!" tokens — linked by games.php, bb7s, hive, knights. Each app's own stylesheet loads after this one and supplies its own palette; this file only owns things that should be identical across the suite: base type scale and the structural (non-color) sizing of the shared .btn component. */ :root { --font-head: Impact, 'Arial Narrow', sans-serif; --font-body: Georgia, 'Times New Roman', serif; } html { font-size: 20px; } /* Structural sizing for the shared .btn/.btn-sm component used by hive & knights. Values match bb7s's .btn-primary/.btn-secondary sizing (bb7s is the reference). Color, background, and border-color stay app-local via .btn-primary/.btn-danger/etc. */ .btn { font-family: var(--font-head); font-size: .85rem; letter-spacing: .1em; padding: 6px 18px; cursor: pointer; white-space: nowrap; transition: background .15s, border-color .15s, color .15s; } .btn-sm { font-size: .8rem; padding: 6px 14px; } /* ── E-ink mode ──────────────────────────────────────────────────────────── Opt-in via a `data-eink` attribute on , set by a small per-browser localStorage toggle in each app (see knights/js/knights.js's toggleEink()) plus a synchronous inline script so a returning user's page never flashes full color before repainting monochrome. This file only owns the motion/glow kill switch since it's identical across apps; each app supplies its own [data-eink] palette override (its :root custom properties + any hardcoded holdout colors) in its own stylesheet, since palettes aren't shared across the suite. */ [data-eink] * { animation: none !important; transition: none !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; }