:root {
  /* Cores principales - Temática Nocturna Cálida y Serena */
  --bg-app: #070a12;
  --bg-card: #111827;
  --bg-card-hover: #1b253b;
  --bg-card-active: #232f4a;
  --bg-surface: #151d2f;
  --bg-modal: #0d121f;

  /* Acentos */
  --accent-moon: #fbbf24;
  --accent-moon-glow: rgba(251, 191, 36, 0.18);
  --accent-daike: #38bdf8;
  --accent-stories: #fbbf24;
  --accent-family: #c084fc;

  /* Textos */
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-dim: #64748b;

  /* Indicadores */
  --badge-offline: #10b981;
  --badge-new: #fbbf24;
  --border-color: rgba(255, 255, 255, 0.08);

  /* Tipografía del Sistema */
  --font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, sans-serif;

  /* Sombras y Bordes */
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-pill: 9999px;

  --shadow-card: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 25px rgba(251, 191, 36, 0.15);

  /* Layout y Áreas Seguras de iOS */
  --max-width: 480px;
  --safe-top: env(safe-area-inset-top, 20px);
  --safe-bottom: env(safe-area-inset-bottom, 20px);
}