/* ═══════════════════════════════════════════════════════════════════
   LOCALWORKS — Canonical Brand Background (White-Label Safe)
   ─────────────────────────────────────────────────────────────────
   The single source of truth for the page background across the
   entire Savvy frontend: storefront home, catalogue, product pages,
   custom pages, WorksPerks login and management areas.

   The default matches the Localworks logo background EXACTLY:
   sampled from /logo.png → #0f0382 (deep indigo).

   PER-ORG RESKIN (white-label):
     core/org_theme.php → org_theme_css() emits:
         --lw-brand-bg: <org background_color or primary_color>;
     which overrides this default for that organization only.
     To reskin an org, set ONE variable. Nothing else changes.
   ═══════════════════════════════════════════════════════════════════ */

:root {
  --lw-brand-bg: #0f0382; /* Localworks logo background — do not hand-edit per page */
  --lw-brand-bg-text: #ffffff; /* readable foreground on brand bg */
}

/* Pin the canvas background to the brand colour everywhere.
   Loaded LAST in <head> so it wins over per-page defaults,
   while org overrides (emitted after this sheet) still win over it. */
html,
body {
  background-color: var(--lw-brand-bg) !important;
  min-height: 100vh;
}

/* Keep content readable on the brand background without forcing
   a global colour on admin surfaces that manage their own text. */
body:not(.lw-admin-surface) {
  color: var(--lw-brand-bg-text);
}
body:not(.lw-admin-surface) a {
  color: var(--lw-brand-bg-text);
}

/* Legacy token aliases so older sheets stay consistent */
:root {
  --lw-bg: var(--lw-brand-bg);
  --bg-primary: var(--lw-brand-bg);
}