/*
|--------------------------------------------------------------------------
| CalenApp Global Theme - Blue Refresh
|--------------------------------------------------------------------------
| Paleta oficial: azul institucional vivo + cards leves + conversão forte.
| Pode ser usado junto com estilos antigos. Migração gradual.
|--------------------------------------------------------------------------
*/

:root {
  --calen-bg: #06143a;
  --calen-bg-2: #09245a;
  --calen-bg-3: #071634;

  --calen-card: #102044;
  --calen-card-soft: #142854;
  --calen-card-deep: #0b1f4d;

  --calen-blue: #2563eb;
  --calen-blue-soft: #3b82f6;
  --calen-blue-light: #60a5fa;

  --calen-green: #22c55e;
  --calen-green-soft: #86efac;

  --calen-text: #f8fafc;
  --calen-muted: #cbd5e1;
  --calen-soft: #94a3b8;
  --calen-line: rgba(191,219,254,.18);

  --calen-shadow: 0 16px 42px rgba(0,0,0,.22);
  --calen-shadow-blue: 0 16px 42px rgba(37,99,235,.28);
}

/* Base helpers */
.calen-page,
.calen-theme-page {
  background:
    radial-gradient(circle at 75% 8%, rgba(59,130,246,.28), transparent 34%),
    linear-gradient(135deg, var(--calen-bg) 0%, var(--calen-bg-2) 48%, var(--calen-bg-3) 100%) !important;
  color: var(--calen-text) !important;
}

.calen-card,
.calen-panel {
  background: rgba(15,32,68,.72) !important;
  border: 1px solid var(--calen-line) !important;
  box-shadow: var(--calen-shadow) !important;
}

.calen-card-soft {
  background: rgba(20,40,84,.72) !important;
  border: 1px solid var(--calen-line) !important;
}

.calen-btn-primary,
.btn-primary,
.primary {
  background: var(--calen-blue) !important;
  color: #fff !important;
  box-shadow: var(--calen-shadow-blue);
}

.calen-btn-primary:hover,
.btn-primary:hover,
.primary:hover {
  background: #1d4ed8 !important;
}

.calen-btn-secondary,
.btn-secondary,
.secondary,
.ghost {
  background: rgba(255,255,255,.08) !important;
  border-color: var(--calen-line) !important;
  color: #fff !important;
}

.calen-btn-whatsapp,
.whatsapp {
  background: var(--calen-green) !important;
  color: #052e16 !important;
}

.calen-text-muted {
  color: var(--calen-muted) !important;
}

.calen-text-soft {
  color: var(--calen-soft) !important;
}

.calen-badge-live {
  background: rgba(34,197,94,.12) !important;
  border: 1px solid rgba(34,197,94,.25) !important;
  color: #bbf7d0 !important;
}

.calen-border {
  border-color: var(--calen-line) !important;
}

/* Global page polishing, intentionally light */
body.calen-global {
  background:
    radial-gradient(circle at 75% 8%, rgba(59,130,246,.28), transparent 34%),
    linear-gradient(135deg, var(--calen-bg) 0%, var(--calen-bg-2) 48%, var(--calen-bg-3) 100%) !important;
  color: var(--calen-text) !important;
}

/* Fix dark-heavy blocks in old inline-style pages when class exists */
.calen-blue-refresh [style*="#020617"] { background-color: var(--calen-bg) !important; }
.calen-blue-refresh [style*="#0f172a"] { background-color: var(--calen-card) !important; }
.calen-blue-refresh [style*="#111827"] { background-color: var(--calen-card-soft) !important; }

@media (max-width: 700px) {
  .calen-mobile-stack {
    grid-template-columns: 1fr !important;
  }
}