/* Boostili — Surge storefront stylesheet. * * The industrial high-voltage control panel. See tokens-surge.css for the full * direction contract. House rules enforced throughout: amber is never the sole * carrier of meaning; amber never sets body text on light (uses --c-accent-deep); * bright amber (--c-accent-bright) is for the dark ground only; every figure is * mono; edges are square; structure is carried by etched rules, not card borders * or drop shadows; NO amber glow anywhere (amber is painted signal ink). * * Loads AFTER boostili-download.css (which is immutable and styles the .bdl / .colspec * dialogs). Logical properties throughout — the Arabic mirror is dir="rtl" and needs * no second stylesheet. * * Contract note: the pack-drawer DOM (.boostili-pack-*) and the download dialogs * (.bdl*, .colspec) are built/owned by JS + the immutable sheet — Surge restyles * them by CSS only and must not rename them. */ /* ═══════════════════════════════════════════════════════════════════════════ 1 · RESET & BASE ═══════════════════════════════════════════════════════════════════════════ */ *, *::before, *::after { box-sizing: border-box; } * { margin: 0; } html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; tab-size: 4; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body.surge { margin: 0; background: var(--c-paper); color: var(--c-ink-2); font-family: var(--font-body); font-size: var(--text-md); line-height: 1.65; font-feature-settings: "kern", "liga", "calt"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; overflow-x: hidden; } img, svg, video { display: block; max-inline-size: 100%; height: auto; } img { block-size: auto; } a { color: inherit; } button { font: inherit; color: inherit; } ul, ol { list-style: none; padding: 0; } /* Load-bearing: the nav sheet, pack drawer, backdrop and native dialogs all rely on [hidden] actually hiding. Some UA sheets set display on