/*
Theme Name: Fotografía — Medios 360
Description: Blanco y negro con tipografía Montserrat/Roboto y galería masonry a sangre completa — inspirado en medios360.com, para portafolios de fotografía y recorridos virtuales.
Preview: #ffffff,#111111,#767676
Version: 0.01
Site-Type: fotografos
*/
:root {
  --fg: #333333;
  --bg: #ffffff;
  --muted: #767676;
  --border: #e5e5e5;
  --accent: #111111;
  --accent-fg: #ffffff;
  --accent2: #B8860B;
  --green: #2E7D4F;
  --red: #C0392B;
  --amber: #B8860B;
  --navy: #111111;
  --font-heading: "Montserrat", "Segoe UI", sans-serif;
  --font-body: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body { font-family: var(--font-body); }
h1, h2, .brand span { font-family: var(--font-heading); color: var(--fg); }
.brand span { font-weight: 300; letter-spacing: 2px; text-transform: uppercase; font-size: 15px; }
h1 { font-weight: 700; text-transform: uppercase; letter-spacing: .5px; }
.btn-primary { background: var(--accent); color: var(--accent-fg); font-weight: 600; }
.tab.active { background: var(--accent); border-color: var(--accent); }
.card h3 a { color: var(--fg); }

/* Sin modo oscuro AUTOMÁTICO a propósito: este tema busca verse igual al
 * sitio de referencia (medios360.com), que es un sitio claro fijo — la
 * fotografía es el centro, un fondo oscuro cambiaría el contraste de cada
 * foto de forma impredecible si se activara solo (ver includes/themes.php).
 * El bloque de abajo SÍ es modo oscuro, pero manual — solo si el visitante
 * lo elige a propósito con el botón ☀️/🌙 (función "dark_mode" en
 * Funciones); de hecho un fondo casi negro encaja bien con el blanco y
 * negro de este tema. */
:root[data-theme="dark"] {
  --fg: #F0F0F0;
  --bg: #0D0D0D;
  --muted: #A0A0A0;
  --border: #2A2A2A;
  --accent: #F0F0F0;
  --accent-fg: #111111;
  --accent2: #D9A63E;
  --green: #4CAF77;
  --red: #E57368;
  --amber: #D9A63E;
  --navy: #F0F0F0;
}