/*
 * THE `www` KIT'S OWN STYLESHEET: www.autom8ion.uk, the platform's own sales
 * site (7 Oct 2026, OPEN_ITEMS 240). THE DESIGNER'S FILE.
 *
 * A NEUTRAL STARTING POINT, NOT A BRAND. The kit (worker/src/www.js) draws
 * the demonstrations' markup -- masthead, phone menu, footer, the phase-1
 * blocks -- with site.css and sf-vertical.css for layout, then THIS file, then
 * the accessibility themes (a11y.css, always last). Everything the designer
 * changes goes here; site.css and sf-vertical.css are the demonstrations' too
 * and are not edited for www. How a change reaches the site: a commit to this
 * file (and any font files beside it), reviewed by the owner, deployed with
 * the Worker (SETUP_GUIDE 82.7, SPEC_STOREFRONT 7.2.1).
 *
 * THE RULES THAT KEEP THE ACCESSIBILITY THEMES WORKING (all seven looks and
 * Follow my system, a11y.css):
 *
 *   1. COLOURS ONLY THROUGH THE TOKENS BELOW (--ink, --paper, --brand, ...).
 *      a11y.css maps every theme onto exactly these names; a colour typed
 *      into a rule (`color: #333`) is a colour no theme can change, and High
 *      Contrast or a colour-blind theme would leave it as it is.
 *   2. SIZES IN rem OR em, never px for type, so Large Text and the
 *      browser's zoom scale them.
 *   3. NO MOTION THAT a11y.css's reduced-motion rules cannot stop: animate
 *      with transition/animation properties, which it switches off.
 *   4. EVERY TEXT PAIR 4.5:1 OR BETTER: test/hosts.test.mjs measures the
 *      tokens below and fails naming the pair.
 *
 * FONTS COME WITH THE KIT, FROM THIS SITE. Inter is declared in site.css and
 * served from /shared/fonts/ (SIL Open Font License; the licence file is
 * beside it), and the kit preloads it. A different face: put its .woff2
 * files and licence in /shared/fonts/, declare it here with @font-face
 * (font-display: swap), and set --font and --display. NEVER a font CDN
 * (Google's or anybody else's): it sends every visitor's address to a
 * third party before any consent, and the page's policy (font-src 'self')
 * refuses it anyway.
 */
:root {
  --ink: #111827;
  --ink-soft: #4b5563;
  --paper: #ffffff;
  --paper-warm: #f6f7f9;
  --line: #dfe3e8;
  --brand: #1f2937;
  --brand-deep: #111827;
  --accent: #1d4ed8;
  --accent-soft: #eef2ff;
  --ok: #166534;
  --font: "Inter var", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --display: var(--font);
}