/* ========================================================
   Clarita Property Care — tokens de marca
   Paleta y tipografías del manual de marca. Ningún otro archivo escribe un
   color o una fuente a mano: todos usan estas variables.

   PALETA 1 del PPT ("elegancia, confianza y calidad"): azul noche, azul
   medio, verde agua como acento y grises claros de fondo. Tono sobrio y
   atemporal: fondos casi blancos y mucho aire.
   ======================================================== */

:root {
  /* Paleta oficial */
  --petroleo-oscuro: #153244;   /* azul noche: títulos, footer, franjas oscuras */
  --petroleo: #294b63;          /* azul medio: color principal (logo, botones, íconos) */
  --sol: #70aaa1;               /* verde agua: reservado para piezas gráficas */
  --dorado: #70aaa1;            /* verde agua: detalles decorativos */
  --crema-2: #eff0ec;           /* gris claro: fondos alternos */

  /* Derivados (tintes/sombras de la paleta, para textos y fondos suaves) */
  --petroleo-claro: #70aaa1;
  --petroleo-tenue: #e4eeec;
  --sol-hover: #5d9a90;
  --sol-tenue: #e4eeec;
  --dorado-oscuro: #2f6b62;     /* verde agua oscurecido, con contraste AA para texto chico */
  --crema: #f7f8f4;             /* fondo general: gris muy claro */

  --texto: #14222c;
  --texto-suave: #55616b;
  --blanco: #ffffff;
  --superficie: #ffffff;
  --borde: #d7dad1;
  --header-bg: rgba(255, 255, 255, 0.96);
  --sombra: 0 4px 16px rgba(21, 50, 68, 0.07);
  --sombra-hover: 0 8px 24px rgba(21, 50, 68, 0.12);

  /* Velo de los banners: color (en componentes rgb), intensidad y hasta dónde
     llega. Valores elegidos con el panel de ajuste. */
  --velo-rgb: 28, 31, 27;   /* casi negro: velo neutro sobre las fotos */
  --velo-fuerza: 0.78;
  --velo-ancho: 54;
  --radio: 6px;

  /* Tipografías de marca: All Round Gothic (títulos) y Filson Pro (texto) son
     de Adobe Fonts. Si se agrega el kit de Adobe (<link> de use.typekit.net
     en head-common.html) se usan solas; mientras tanto se ven Quicksand y
     Figtree de Google Fonts, las alternativas libres más parecidas. */
  --ff-titulo: "all-round-gothic", "Quicksand", "Nunito", system-ui, sans-serif;
  --ff-cuerpo: "filson-pro", "Figtree", "Segoe UI", system-ui, sans-serif;
}