/*
Theme Name: Soy Zanca
Description: Azul marino profundo sobre blanco, estilo revista digital — inspirado en los portales de blog de la Costa Grande de Guerrero.
Preview: #000050,#ffffff,#0D6EFD
Version: 0.01
Site-Type: blog
*/
:root {
  --fg: #333333;
  --bg: #ffffff;
  --muted: #777777;
  --border: #E2E2E2;
  --accent: #0D6EFD;
  --accent-fg: #ffffff;
  --accent2: #E0A800;
  --green: #5CB85C;
  --red: #DC3545;
  --amber: #E0A800;
  --navy: #000050;
  --font-heading: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body { font-family: var(--font-body); }
h1, h2, h3, .card h3 a, .brand span { color: var(--navy); font-family: var(--font-heading); }
h1 { font-weight: 800; }
.brand span { font-weight: 800; }
.card h3 { font-size: 17px; }
.card h3 a { text-decoration: none; }
.card h3 a:hover { text-decoration: underline; }
.btn-primary { background: var(--accent); color: var(--accent-fg); border-radius: 999px; font-weight: 600; }
.lead { font-style: italic; }

/* Sin modo oscuro AUTOMÁTICO a propósito: este tema busca verse igual al
 * sitio de referencia (soyzanca.com), que es un sitio claro fijo —
 * adaptarse solo al prefers-color-scheme del visitante lo alejaría de esa
 * referencia en vez de acercarlo (ver includes/themes.php). El bloque de
 * abajo SÍ es modo oscuro, pero manual — solo con el botón ☀️/🌙 del
 * encabezado (función "dark_mode" en Funciones). */
:root[data-theme="dark"] {
  --fg: #EDEDED;
  --bg: #0D0F14;
  --muted: #9AA3AD;
  --border: #262A31;
  --accent: #5B9BFF;
  --accent-fg: #ffffff;
  --accent2: #F0C24D;
  --green: #6FCB6F;
  --red: #FF7B7B;
  --amber: #F0C24D;
  --navy: #8FA0FF;
}