/* THEME LAYER, part 1 of 2 (part 2 is theme.js). Every colour, font, radius and spacing used by style.css is defined here and only here.
   Default theme: the current dark/light Buildmy.page look. A client theme replaces this file. Do not put layout or logic here. */
:root{
  --font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-heading:var(--font-body);
  --base-size:1.0625rem;
  --page-width:46rem;
  --gutter:1rem;
  --radius:.75rem;
  --radius-small:.5rem;
  --bg:#fafaf8;--fg:#1b1b1f;--muted:#55555e;--line:#c9c9d1;--card:#fff;
  --accent:#1f4fd8;--accent-fg:#fff;
  --bad:#a4161a;--good:#146c2e;--warn:#fff3cd;
  /* Status lights. Each pair must keep a 4.5:1 contrast ratio, whatever the client colours are. The text label and the shape
     are always shown too, so colour alone is never the signal. */
  --red-fg:#8e1216;--red-bg:#fde8e8;
  --yellow-fg:#5c4400;--yellow-bg:#fff1c2;
  --green-fg:#0f5a25;--green-bg:#dff5e5;
  /* Size meter: the empty track, and the fill, which blends smoothly low -> mid (halfway) -> high (full). Change these per client. */
  --meter-track:#2f9e57;--meter-low:#1f4fd8;--meter-mid:#f2c200;--meter-high:#d62828;--meter-edge:#55555e;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#121216;--fg:#ececf1;--muted:#a8a8b3;--line:#3a3a45;--card:#1b1b22;
  --accent:#7aa2ff;--accent-fg:#101018;
  --bad:#ff8a8d;--good:#6fd68d;--warn:#3d3410;
  --red-fg:#ffb3b5;--red-bg:#3b1517;
  --yellow-fg:#ffe08a;--yellow-bg:#3d3410;
  --green-fg:#9be8b0;--green-bg:#12301c;
  --meter-track:#2a8a4e;--meter-low:#3b82f6;--meter-mid:#fbd000;--meter-high:#ff4d4f;--meter-edge:#a8a8b3;
}}