/*
 * Design tokens — ported verbatim from
 * cinderblox.github.io/airlock-firmware/index.html so the marketing
 * site and the existing flasher stay visually identical.
 *
 * Used by site.css + every page. Do not change values here in
 * isolation — the iOS app's AirLockTheme also follows this palette.
 */
:root {
  --accent: #E8FF47;
  --bg: #0a0a0a;
  --surface: #141414;
  --surface-2: #1c1c1c;
  --border: #2c2c2c;
  --dim: #3a3a3a;
  --text: #efefef;
  --muted: #aaa;
  --ghost: #888;
  --faded: #666;
  --ok: #7fdb8a;
  --warn: #ff8b3d;
  --close: #ff2020;

  /* Match the iOS app + the device's embedded web UI — both run on
     Futura with a Century Gothic / Trebuchet MS fallback chain. */
  --font-system: Futura, "Century Gothic", "Trebuchet MS", sans-serif;
  --font-mono:   ui-monospace, SFMono-Regular, Menlo, monospace;

  --radius-card:   12px;
  --radius-button: 10px;
  --radius-pill:   24px;

  --card-padding:  22px;
  --page-max:      720px;
  --content-max:   420px;
}