/* Mubare brand tokens v3: one source for mubare.travel and the brand guide (/marca).
   One family, Archivo, used on its width axis: wide and light for display, normal width for reading. No italics.
   Slate (the logo's ground) leads; stone is the light ground; gold lives in the rings and the main action.
   Contrast ratios are against --piedra unless noted. Older names stay as aliases for the pages that use them. */
@font-face{
  font-family:'Archivo';
  src:url(/site-assets/fonts/archivo.woff2) format('woff2-variations');
  font-weight:100 900; font-stretch:62% 125%; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root{
  /* Color */
  --pizarra:#1F2327;         /* main dark ground, text on light     12.6:1 */
  --pizarra-2:#272B30;       /* raised dark ground */
  --noche:#16191C;           /* footer, photo closings */
  --carbon:#33383D;          /* titles on light                      9.4:1 */
  --piedra:#E7E5E0;          /* light ground: cool stone, not cream */
  --piedra-2:#DAD7D0;        /* alternate light ground */
  --texto:#1F2327;
  --texto-2:#575C61;         /* secondary text on light             5.4:1 (4.7 on --piedra-2) */
  --niebla:#A6ABB0;          /* secondary text on slate             6.8:1 on --pizarra */
  --hueso:#F2F1EE;           /* text on slate                      14.0:1 on --pizarra */
  --oro:#A79470;             /* small ring, main action fill, marks (never small text on light) */
  --arena:#D6C9A6;           /* big ring, lines and emphasis on slate   9.6:1 on --pizarra */
  --oro-texto:#6B5C42;       /* gold when it must be text on light   5.2:1 */
  --linea:rgba(31,35,39,.14);
  --linea-osc:rgba(242,241,238,.16);
  --ok:#4F7A5E; --aviso:#9A5B05; --error:#A3312A; --error-osc:#F0A39C;

  /* Aliases kept for /marca, /privacidad and 404 */
  --carbon-oscuro:var(--pizarra); --negro:var(--noche); --crema:var(--piedra); --crema-2:var(--piedra-2); --blanco:#FFFFFF;
  --oro-claro:var(--arena); --linea-fuerte:#C9C5BC; --pizarra-marca:#8E97A0;
  --crema-rgb:231,229,224; --carbon-oscuro-rgb:31,35,39; --oro-claro-rgb:214,201,166;

  /* Type: Archivo. Display = width 125, weight 300; text = width 100, weight 400; labels = width 100, weight 500. */
  --font:'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --serif:var(--font); --sans:var(--font);
  --wide:125%; --normal:100%;
  --fs-xs:13px; --fs-sm:15px; --fs-base:17px; --fs-lg:20px;
  --fs-xl:clamp(21px, 1.2vw + 15px, 26px);
  --fs-2xl:clamp(28px, 2.4vw + 16px, 44px);
  --fs-3xl:clamp(34px, 4.2vw + 14px, 72px);
  --fs-4xl:clamp(44px, 8.4vw + 8px, 156px);
  --lh-tight:.94; --lh-snug:1.08; --lh-text:1.6;
  --track-display:-0.035em; --track-eyebrow:0.02em; --track-button:0; --track-logo:-0.01em;
  --measure:60ch;

  /* Space (8px rhythm) and shape: square corners on photos, a full round only on the circle-born controls. */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:160px;
  --gutter:clamp(20px, 4vw, 56px); --max:1440px;
  --radius:0; --radius-panel:0; --pill:999px;
  --ease:cubic-bezier(.22,1,.36,1); --ease-io:cubic-bezier(.65,0,.35,1);
}