/* ===========================
   THEME — LIGHT (Doc 2)
   =========================== */
:root {
  --bg: #f5f7fb;
  --text: white;
  --muted: rgba(15,23,42,.78);
  --muted-2: rgba(15,23,42,.60);

  --panel-bg: #ffffff;
  --panel-border: rgba(15,23,42,.12);
  --divider: rgba(15,23,42,.12);

  --shadow-cta: 0 10px 30px rgba(0,0,0,.18);
  --shadow-card: 0 10px 24px rgba(15,23,42,.06);
  --shadow-card-soft: 0 10px 24px rgba(15,23,42,.04);

  --accent-blue-bg: rgba(53,156,229,.14);
  --accent-blue-border: rgba(53,156,229,.20);
}

/* Light-specific tweaks from your doc 2 */
.card p{ line-height: 1.25; font-size: 15px; }
.icon svg{ fill: #0f172a; opacity:.92; }

/* CTA icon appearance */
.cta-ico{
  background: rgba(255,255,255,.40);
  border: 1px solid rgba(15,23,42,.12);
}
.cta-ico svg{ fill: #fff; opacity:.90; }

/* Pills */
.pill{
  background: rgba(15,23,42,.04);
  color: rgba(15,23,42,.78);
}

.stat strong {
    color: rgb(71, 71, 71) !important;
}

/* Light FAB label */
.fab-call-label{
  background: rgba(255,255,255,.95);
  color: rgba(15,23,42,.88);
  box-shadow: 0 14px 30px rgba(15,23,42,.12);
}


.site-footer a, .site-footer div {
    color: gray !important;
}

.site-footer {
    background: var(--bg) ;
}