/*
  Tokens de diseño — Dr. Chrystian Sánchez (Traumatología y Ortopedia)
  Los colores salen del LOGOTIPO (muestreados del PNG): azul marino del nombre #002850,
  azul acero de los círculos #4A708D / #304C62, gris del subtítulo #444448.
  Un solo acento (--steel); neutros fríos para el ritmo entre secciones.
*/
:root{
  color-scheme: light only;

  /* Marca (logo) */
  --navy:#002850;
  --navy-deep:#001a38;
  --steel:#4a708d;
  --steel-deep:#304c62;

  /* Neutros fríos */
  --white:#ffffff;
  --paper:#f3f6f9;
  --mist:#e3ebf2;
  --line:#cbd6e0;
  --ice:#bfd6ec;          /* solo decorativo; el texto encima siempre es --navy */

  /* Texto */
  --ink:#0b1b2e;
  --ink-muted:#44505e;
  --on-navy:#ffffff;
  --on-navy-muted:#c9d7e6;

  /* Fijos de convención externa */
  --wa-green:#25d366;
  --wa-green-dark:#1da851;
  /* Botón de WhatsApp con texto BLANCO: verde oscurecido (el blanco sobre #25d366 da solo 2:1) */
  --wa-btn:#128043;
  --wa-btn-dark:#0b6b32;
  --star-yellow:#FBBC04;   /* amarillo de las estrellas de Google: fijo, no es el acento del proyecto */
  --acento:#002850;
  --acento-oscuro:#001a38;
  --acento-contraste:#ffffff;

  /* Geometría */
  --radius-tile:28px;
  --radius-tile-lg:36px;
  --radius-pill:999px;
  --btn-radius:999px;

  /* Sombras y easings (valores tipo Open Props, sin la dependencia externa) */
  --shadow-1:0 1px 2px rgba(0,26,56,.08), 0 2px 8px rgba(0,26,56,.06);
  --shadow-2:0 4px 14px rgba(0,26,56,.10);
  --shadow-3:0 10px 28px rgba(0,26,56,.14);
  --shadow-4:0 16px 40px rgba(0,26,56,.20);
  --ease-out:cubic-bezier(.22,.8,.2,1);

  /* Tipografía */
  --font-display:"Sora", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-text:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-h1:clamp(2.4rem, 1rem + 5.2vw, 5.2rem);
  --fs-h2:clamp(1.8rem, 1rem + 2.6vw, 3.1rem);
  --fs-h3:clamp(1.2rem, 1rem + .8vw, 1.5rem);
  --fs-body:1rem;

  /* Layout */
  --wrap:1180px;
  --gutter:16px;
  --header-h:72px;
  --header-bg:#ffffff;
  --header-text:#0b1b2e;
}

/* Pares de contraste verificados por tools/check_site.py (R_CONTRAST) y tools/contrast.py */
/* contrast: --ink --white 4.5 */
/* contrast: --ink --paper 4.5 */
/* contrast: --ink --mist 4.5 */
/* contrast: --ink-muted --white 4.5 */
/* contrast: --ink-muted --paper 4.5 */
/* contrast: --navy --white 4.5 */
/* contrast: --navy --paper 4.5 */
/* contrast: --navy --mist 4.5 */
/* contrast: --navy --ice 4.5 */
/* contrast: --navy --wa-green 4.5 */
/* contrast: --white --wa-btn 4.5 */
/* contrast: --white --wa-btn-dark 4.5 */
/* contrast: --white --navy 4.5 */
/* contrast: --white --navy-deep 4.5 */
/* contrast: --white --steel-deep 4.5 */
/* contrast: --on-navy-muted --navy 4.5 */
/* contrast: --steel --white 4.5 */
/* contrast: --steel --paper 4.5 */