/* =========================================================
   CALO SERVICE — TEMA CLARO (override)
   Cárgalo DESPUÉS de styles.css.
   Fondo blanco · letras negras · rojo de acento.
   ========================================================= */

:root{
  --bg:#ffffff;
  --fg:#0b0b0b;
  --red:#9B1B2E;
  --hair:rgba(0,0,0,0.13);
  --hair-strong:rgba(0,0,0,0.34);
  --mute:rgba(0,0,0,0.48);
  --mute2:rgba(0,0,0,0.64);
  --soft:#f5f5f5;
  --softer:#ececec;
}

/* Fixed surfaces that were hard-coded dark */
.nav{ background:rgba(255,255,255,0.85); }
.nav.scrolled{ background:rgba(255,255,255,0.96); }
.mega{ background:#ffffff; }
.drawer{ background:#ffffff; }
.siderail{ background:var(--bg); }
.marquee{ background:var(--bg); }

/* Brand mark → dark logo on white */
.brand .logomark{ background-image:url("logo-calo-transparent.png"); }

/* Test marker inner ring uses surface color */
.test-option.sel .mk{ box-shadow:inset 0 0 0 3px #fff; }

/* Selection + cursor read true red on white */
::selection{ background:var(--red); color:#fff; }
.cursor{ mix-blend-mode:normal; }

/* Subtle elevation so white cards/sections separate cleanly */
.nav{ border-bottom:1px solid var(--hair); }