/* Theme light — Mosaico */
:root{
  --bg:#f6f7fb;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --border:#e5e7eb;
  --panel: rgba(15,23,42,0.04);

  --shadow: 0 10px 30px rgba(15,23,42,.06);
  --shadow-sm: 0 6px 18px rgba(15,23,42,.06);
  --shadow-lg: 0 20px 60px rgba(15,23,42,.10);
  --ring-color: rgba(79,70,229,.14);

  --app-body-bg: radial-gradient(1200px 600px at 20% 0%, #ffffff 0%, #f6f7fb 65%);

  /* Viewer defaults in light theme */
  --viewer-bg:#f6f7fb;
  --viewer-fg: rgba(15,23,42,0.94);
  --viewer-muted: rgba(15,23,42,0.60);

  --topbar-bg: rgba(255,255,255,0.86);

  --overlay: rgba(2,6,23,0.40);

  /* Mosaic canvas (light) */
  --mosaic-canvas-bg:#ffffff;
  --mosaic-grid: rgba(15,23,42,0.06);
  --mosaic-placeholder: rgba(15,23,42,0.14);
  --crop-bg:#ffffff;
}