/* theme.css — BRAND TOKENS for The Stretch Zone (wellness / fitness, fresh & clean). */
:root{
  /* picker-controlled — soothing teal-green wellness palette */
  --brand:#0891b2;      /* primary (teal-600) */
  --accent:#06b6d4;     /* lighter brand (cyan-500) for gradients/hovers */
  --surface:#f8fafc;    /* page background (slate-50, light & clean) */
  --bg:#ffffff;         /* card / panel surface (white) */
  --text:#0f172a;       /* primary ink (slate-900) */
  --muted:#475569;      /* secondary ink (slate-600) */
  --border:rgba(0,0,0,0.08);

  /* fixed system tokens */
  --font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --display:'Playfair Display','Inter',serif;
  --radius:16px;
  --brand-600:color-mix(in srgb, var(--brand) 86%, #000);
  --brand-050:color-mix(in srgb, var(--brand) 16%, transparent);
  --ok:#10b981; --warn:#facc15; --bad:#f87171;
}

/* Override glass for light theme */
.glass {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid rgba(0,0,0,0.08);
}
.glass-dark {
  background: rgba(15,23,42,0.85);
  backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255,255,255,0.1);
}