/* ==========================================================================
   SYNAPTIKA · Neuropsicología — Sistema visual (tokens)
   Derivado de la identidad vigente: logotipo (oro / gris) y tarjeta de
   contacto (petróleo, ocre, morado, crema). Un solo archivo para brochure y web.
   ========================================================================== */

/* ---- Tipografías (autoalojadas, licencia SIL OFL) ---- */
@font-face{font-family:"EB Garamond";src:url("../fonts/EBGaramond-Variable.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("../fonts/EBGaramond-Italic-Variable.woff2") format("woff2");font-weight:400 800;font-style:italic;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("../fonts/SourceSans3-Variable.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("../fonts/SourceSans3-Italic-Variable.woff2") format("woff2");font-weight:200 900;font-style:italic;font-display:swap}

:root{
  /* Color institucional (tinta de titulares, bandas, enlaces) */
  --petroleo-900:#053F47;
  --petroleo:#075C66;
  --petroleo-500:#0D7680;
  --petroleo-100:#DCE9EA;
  --petroleo-50:#EEF4F4;

  /* Acento de acción (botones, llamados) — AA sobre blanco con texto blanco */
  --ocre:#B77A34;        /* tono de la tarjeta de contacto: usos grandes/decorativos */
  --ocre-600:#9A6529;    /* fondo de botón con texto blanco (4.9:1) */
  --ocre-700:#8F5E24;    /* texto ocre pequeño sobre claro (5.5:1) */
  --ocre-100:#F5E9DA;

  /* Acento secundario (uso puntual) */
  --morado:#5E2277;
  --morado-100:#EEE4F2;

  /* Oro y gris del logotipo (hemisferios) */
  --oro-logo:#D6A36E;
  --gris-logo:#A9A9A9;

  /* Neutros */
  --crema:#FFF9F1;
  --blanco:#FFFFFF;
  --gris-300:#DDDAD0;
  --gris-600:#5F6B6C;
  --tinta:#1E2A2B;

  /* Tipografía */
  --font-display:"EB Garamond", Georgia, "Times New Roman", serif;
  --font-text:"Source Sans 3", "Segoe UI", Helvetica, Arial, sans-serif;

  /* Radios y sombras: contenidos, sin efectos */
  --radius:6px;
  --radius-pill:999px;
}