/**
 * SKYSL Theme: Ocean Deep (ocean-deep)
 * Modo: dark
 * Generado por Site Builder — no editar manualmente; cambiar theme_id en stack_config
 */
:root,
[data-theme="ocean-deep"] {
  --bg: #0a1628;
  --surface: #0f2137;
  --surface2: #152a45;
  --border: #1e3a5f;
  --text: #e0f2fe;
  --muted: #7dd3fc;
  --accent: #06b6d4;
  --accent2: #0891b2;
  --ok: #34d399;
  --warn: #fbbf24;
  --err: #f87171;
  --heroFrom: #0c4a6e;
  --heroTo: #0a1628;
}

/* Utilidades base para apps generadas */
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: 'Segoe UI', system-ui, sans-serif;
}
.btn-primary {
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 0.55rem 1rem;
  cursor: pointer;
}
.card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 1rem;
}