/* LOOP theme — the §3 palette as CSS custom properties.

   The source of truth is `C` in brand.js; the suite asserts these values match, so a
   change must land in both files. Load this on any page that renders Loop-branded
   surfaces. Layout variables (--pos-scale, --rail-w, --nav-h, --site-max) are not theme
   and stay in styles.css. */
:root{
  --blue:#2351DE; --blue-dark:#153BB7; --blue-tint:#E9EDFB; --blue-tint-border:#C3CFF4;
  --mint:#65DFAF; --mint-ink:#003C21; --mint-tint:#E8FBF3;
  --ink:#060D1A; --ink-soft:#4F5661; --border:#E1E5EA; --surface:#F1F6FA; --bg:#FAFCFE;
}