/* ============================================================
   Pet Value P.R. — TOKENS (única fuente de color del proyecto)
   NINGÚN otro CSS puede declarar colores: todo sale de aquí.
   Paleta: azul corporativo del logo oficial — la misma aprobada
   por Jose para la identidad de Pet Value P.R. (#0867C9 /
   #0B1933 / #8BC900 / #F4F7FA). Ver DECISIONES.md.
   ============================================================ */
:root{
  /* Marca — azul corporativo */
  --blue:#0867C9;          /* primario: botones, enlaces, acentos de UI */
  --blue-hover:#065AA9;
  --blue-deep:#07508F;     /* apoyo en degradados */
  --blue-sky:#2B8DE0;      /* apoyo en degradados */
  --blue-soft:#DCEBFB;     /* fondos claros azules (chips, iconos) */
  --navy:#0B1933;          /* titulares, superficies oscuras */
  --navy-deep:#081426;     /* footer */
  --navy-soft:#16294D;     /* superficies sobre navy */
  --navy-line:#22355C;     /* bordes sobre navy */

  /* Texto y neutros */
  --ink:#22344D;           /* texto principal (contraste AA sobre blanco) */
  --ink-soft:#3D526D;      /* texto secundario fuerte */
  --muted:#5A6A86;         /* texto secundario (AA sobre blanco) */
  --muted-soft:#8595AD;    /* notas e índices */
  --white:#FFFFFF;
  --bg:#F4F7FA;            /* fondo neutro elegante de secciones */
  --line:#DFE7F0;          /* bordes claros */
  --line-strong:#C9DCF2;   /* bordes destacados / divisores */

  /* Acento — verde corporativo SOLO puntual (ver DECISIONES.md) */
  --accent:#8BC900;
  --accent-deep:#6DA100;   /* apoyo en el degradado de una categoría */
  --accent-ink:#0B1933;    /* texto sobre el acento */

  /* Verde del logo (techo/gato) — acento de acción de la parte superior Softica */
  --cta-accent:#8BC900;
  --cta-accent-hover:#6DA100;
  --hero-yellow:#FFE800;  /* titular y boton principal del heroe, segun referencia de Jose */

  /* Foco visible (accesibilidad) */
  --focus:#0867C9;

  /* Superficies oscuras (contacto / CTA / footer sobre navy) */
  --on-dark:#C9D9EE;
  --on-dark-soft:#93A9C6;

  /* Mapa de cobertura (geometría precisa; colores del sistema) */
  --map-land:#CFE3F6;
  --map-pin:#0867C9;
  --chip-stroke:#DBE3F0;
  --chip-ink:#0B1933;

  /* Formulario (diseño aprobado por Jose) */
  --field-border:#8FA9CC;
  --field-bg:#F4F8FC;

  /* WhatsApp — SOLO en elementos de WhatsApp */
  --whatsapp:#25D366;
  --whatsapp-hover:#1EB85A;

  /* Rojo corporativo — SOLO el pin «San Sebastián · Oficina»
     y estados funcionales del formulario (requerido / error) */
  --red:#D9232E;

  /* Sombras y veladuras (centralizadas) */
  --shadow:0 22px 60px rgba(11,25,51,.09);
  --shadow-hover:0 8px 20px rgba(11,25,51,.14);
  --shadow-menu:0 22px 32px rgba(11,25,51,.13);
  --shadow-float:0 9px 30px rgba(11,25,51,.22);
  --shadow-form:0 25px 65px rgba(11,25,51,.25);
  --header-bg:rgba(255,255,255,.95);
  --orbit:rgba(255,255,255,.5);
  --hero-shade:linear-gradient(0deg,rgba(11,25,51,.25),transparent 55%);
  /* Héroe aprobado 2026-10-23: fundido blanco sobre el borde izquierdo de la foto */
  --hero-fade:linear-gradient(90deg,var(--white) 0%,rgba(255,255,255,.88) 16%,rgba(255,255,255,.45) 34%,rgba(255,255,255,0) 58%);
  --hero-fade-wide:linear-gradient(90deg,var(--white) 0%,rgba(255,255,255,.92) 26%,rgba(255,255,255,.55) 52%,rgba(255,255,255,0) 80%);
  --cat-shade:linear-gradient(0deg,rgba(11,25,51,.55),rgba(11,25,51,0) 65%);
  /* Categorías con fotos (variante .cats-v2): veladura ponderada al pie
     para que la mascota se vea y el texto blanco se lea; la de Grooming
     usa el verde oscuro derivado del acento corporativo */
  --cat-photo-shade:linear-gradient(0deg,rgba(11,25,51,.88) 0%,rgba(11,25,51,.55) 28%,rgba(11,25,51,0) 62%);
  --cat-photo-shade-accent:linear-gradient(0deg,rgba(46,71,0,.92) 0%,rgba(46,71,0,.55) 28%,rgba(11,25,51,0) 62%);
  --photo-text-shadow:0 1px 3px rgba(11,25,51,.5),0 3px 16px rgba(11,25,51,.4);

  /* Tipografía y forma */
  --font-head:'Manrope',Arial,sans-serif;
  --font-body:'Inter',Arial,sans-serif;
  --radius:22px;
  --radius-lg:32px;
  --container:1200px;
}