/* ═══════════════════════════════════════════════════════════════════
   TEMA · NOCTURNA
   Boda de noche. Tinta, oro y silencio.
   ═══════════════════════════════════════════════════════════════════
   @nombre: Nocturna
   @tipo: boda
   @fuentes: Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400|Jost:wght@300;400;500
   @color-navegador: #0A0A0F
   ═══════════════════════════════════════════════════════════════════ */

:root {
  /* Tinta, no negro. El negro puro se ve digital; esta tiene una gota
     de azul y de calor, que es como se ve una noche de verdad. */
  --fondo:       #0A0A0F;
  --fondo-alto:  #12121A;
  --fondo-suave: #191924;

  /* El oro nunca es un color plano: es un degradado. Un amarillo liso
     se lee como plástico; un degradado de champán a bronce se lee como
     metal porque imita cómo la luz recorre una superficie curva. */
  --acento-claro: #F7E9CC;
  --acento:       #D8B36A;
  --acento-hondo: #A9853F;
  --degradado: linear-gradient(135deg, var(--acento-claro) 0%, var(--acento) 45%, var(--acento-hondo) 100%);

  --texto: #F0EAE0;
  --tenue: #9E958A;
  --tenue-contraste: #C9C2B8;
  --linea: color-mix(in srgb, var(--acento) 22%, transparent);

  /* Texto claro sobre oscuro: se adelgaza para que no se vea gordo. */
  --suavizado: antialiased;

  --serif: 'Cormorant Garamond', 'Times New Roman', serif;
  --sans:  'Jost', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Luz cálida cayendo desde arriba, como una lámpara sobre la mesa. */
  --halo: radial-gradient(circle,
    color-mix(in srgb, var(--acento) 13%, transparent) 0%,
    color-mix(in srgb, var(--acento) 4%, transparent) 38%,
    transparent 66%);

  /* Sobre fondo oscuro el grano va claro y en modo normal: simula el
     ruido de una foto de noche. */
  --grano-opacidad: 0.035;
  --grano-mezcla: normal;

  /* Rombo. El ornamento se aplica como máscara, así hereda el color del
     acento y cada tema puede traer una figura distinta sin tocar el HTML. */
  --ornamento: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 14.5 12 12 21 9.5 12z' fill='%23000'/%3E%3C/svg%3E");

  --marco-interno: color-mix(in srgb, var(--acento-claro) 28%, transparent);

  /* En fondo oscuro, un campo hundido es MÁS claro que su alrededor. */
  --campo-fondo:        rgba(255, 255, 255, 0.035);
  --campo-fondo-activo: rgba(255, 255, 255, 0.055);
  --brillo:             rgba(255, 255, 255, 0.45);

  --boton-texto: #14100A;
  --sombra-boton: 0 10px 30px -14px color-mix(in srgb, var(--acento) 55%, transparent);

  --barra-fondo: rgba(10, 10, 15, 0.72);

  --error: #C0705E;
  --error-texto: #E09A88;

}