:root {
  /* Paleta institucional: azul marino y dorado */
  --cv-azul:          #0a2350;
  --cv-azul-medio:    #17407f;
  --cv-azul-oscuro:   #061633;
  --cv-dorado:        #b8923a;
  --cv-dorado-claro:  #e3c777;
  --cv-acento:        #7a1f2b;

  /* Paleta activa (probar otras con <html data-paleta="marino"> o "dorado") */
  --nav-bg:           #1f4f9e;
  --nav-borde:        var(--cv-acento);
  --acento:           var(--cv-acento);
  --acento-claro:     #a8323f;

  --color-fondo:      #f3f5f9;
  --color-superficie: #ffffff;
  --cv-texto:         #1b1f27;
  --cv-texto-suave:   #5a5f6b;
  --borde-suave:      #dde2eb;

  --fuente-principal: "Roboto", system-ui, sans-serif;
  --fuente-titulo:    "Playfair Display", Georgia, serif;

  --radio-s: 4px;
  --radio-m: 10px;
  --sombra-card:       0 1px 3px rgba(10,35,80,.08), 0 6px 20px rgba(10,35,80,.06);
  --sombra-card-hover: 0 10px 30px rgba(10,35,80,.16);
  --transicion: .25s ease;
  --ancho: 72rem;
}

:root[data-paleta="marino"] { --nav-bg: #0a2350; --nav-borde: var(--cv-acento); }
:root[data-paleta="dorado"] { --nav-bg: #0a2350; --nav-borde: var(--cv-dorado); --acento: var(--cv-dorado); --acento-claro: var(--cv-dorado-claro); }