/* ═══════════════════════════════════════════════
   DESIGN TOKENS — QUATRIC BRAND MANUAL
   Unica fuente de los tokens de marca. Antes vivian repetidos en el :root
   inline de index, herramientas, politicas y terminos y en servicios.css;
   cualquier ajuste de color o tipografia se hace aqui y llega a todas las
   paginas. Las variables de layout propias de cada pagina (--section-pad y
   sus overrides por breakpoint) siguen en cada pagina, porque sus valores
   son decisiones de esa pagina, no de la marca.
   Esta hoja se enlaza ANTES de cualquier otro estilo.
═══════════════════════════════════════════════ */

:root {
  --q-black: #000000;
  --q-forest: #003333;
  --q-forest-deep: #001E1E;
  --q-teal-dark: #0A4946;
  --q-teal: #20726A;
  --q-teal-mid: #155F58;
  --q-teal-light: #2A8C82;
  /* Texto teal sobre forest. --q-teal-light da 3.40:1 sobre #003333 y
     2.52:1 sobre #0A4946: no sirve para letra pequena. El mint es el mismo
     de QUATRIC Platform y da 6.35:1 y 4.70:1. */
  --q-mint: #4FC3A1;
  --q-cream: #EDE7DC;
  --q-silver: #D0CECE;
  --q-white: #FFFFFF;
  --q-ink: #1E2B2A;
  --q-ink-soft: #4A5755;

  --font-primary: 'Michroma Quatric', 'Montserrat', sans-serif;
  --font-body: 'Montserrat', sans-serif;

  --container: 1200px;
  --radius: 4px;

  /* Easing tokens */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
}