/* Tokens del diseño. Fuente: tema-soyhidalguense.md */
:root {
  --hv-barro: #E4572E;
  --hv-barro-600: #C8471F;
  --hv-barro-700: #9E3415;
  --hv-barro-100: #FCE3D8;
  --hv-turquesa: #17A398;
  --hv-turquesa-700: #0E6F67;
  --hv-turquesa-100: #D5F0EC;
  --hv-ocre: #FFC857;
  --hv-ocre-100: #FFF0CC;
  --hv-crema: #FFF9F0;
  --hv-blanco: #FFFFFF;
  --hv-linea: #EADCC8;
  --hv-tinta: #1F2430;
  --hv-tinta-2: #5B6070;
  --hv-niebla: #B9BCC6;
  --hv-velo: linear-gradient(180deg, rgba(31,36,48,0) 30%, rgba(31,36,48,.9) 100%);

  --font: "Nunito Sans", system-ui, sans-serif;
  --fs-body: 18px; --lh-body: 1.6;
  --fs-meta: 15px; --fs-tag: 14px;
  --fs-h3: clamp(20px, .8cqi + 18px, 28px);
  --fs-h2: clamp(26px, 1.4cqi + 20px, 40px);
  --fs-h1: clamp(31px, 3.4cqi + 18px, 60px);
  --fs-display: clamp(40px, 3.6cqi + 24px, 76px);
  --fw-body: 400; --fw-meta: 600; --fw-title: 800; --fw-display: 900;

  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px;
  --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-14: 56px; --sp-20: 80px;
  --gutter: clamp(20px, 4cqi, 40px);
  --max: 1200px;

  --r-sm: 8px; --r-md: 14px; --r-lg: 24px; --r-xl: 32px; --r-2xl: 40px; --r-pill: 999px;

  --sh-1: 0 1px 2px rgba(110,45,15,.06), 0 10px 28px -14px rgba(110,45,15,.28);
  --sh-2: 0 18px 40px -16px rgba(110,45,15,.45);
  --sh-3: 0 20px 44px -12px rgba(31,36,48,.6);

  --tap: 48px;
  --focus: 0 0 0 3px var(--hv-crema), 0 0 0 6px var(--hv-barro-600);
}