/* lisbonline — "Cores de Lisboa" design tokens. No navy anywhere. */
:root{
  /* core — every page */
  --sol:#F4C542;          /* the sun: logo centre, weather, highlights, "on now", saved. Fill only, ink text on it */
  --sol-soft:#F8D66A;
  --ink:#221A20;          /* Tinta: warm ink for text + dark bands */
  --ink-2:#3A2F35;        /* body copy */
  --ink-3:#4A3F45;        /* secondary copy */
  --muted:#5E5258;        /* meta/captions, 6.7:1 on --cal */
  --cal:#F7F3EC;          /* limestone page ground */
  --cal-2:#EFE8DD;        /* chips, subtle fills */
  --cal-3:#E9E0D3;        /* active nav pill, segmented bg */
  --line:#E2D8CA; --line-2:#CFC2B2;
  --ceu:#CFE6F5;          /* sky: logo ground, calm panels */
  --tejo:#C3D3EC;         /* river on maps */
  --white:#FFFFFF;

  /* section colours — white text ≥ 4.5:1 on all */
  --telha:#B5452A;     --telha-deep:#3A160C;     --telha-soft:#F3DDD2;     --telha-on-dark:#F0B79E;
  --jardim:#2C7A4B;    --jardim-deep:#102E1E;    --jardim-soft:#D7ECDD;    --jardim-on-dark:#A8D9B8;
  --jacaranda:#6A4B98; --jacaranda-deep:#281A40; --jacaranda-soft:#E6DDF0; --jacaranda-on-dark:#CDB8EE;
  --vinho:#8E2C48;     --vinho-deep:#2A1220;     --vinho-soft:#F3DCE3;     --vinho-on-dark:#F2B6C8;
  --azulejo:#1F5FBF;   --azulejo-deep:#142240;   --azulejo-soft:#DCE6F6;   --azulejo-on-dark:#A9C6F0;
  --fachada:#B8476A;   --fachada-deep:#341422;   --fachada-soft:#F3DCE3;   --fachada-on-dark:#F2B6C8;

  /* default accent = Telha (home) */
  --accent:var(--telha); --accent-deep:var(--telha-deep); --accent-soft:var(--telha-soft); --accent-on-dark:var(--telha-on-dark);
  --scrim:linear-gradient(180deg,rgba(0,0,0,0) 40%,color-mix(in srgb,var(--accent-deep) 88%,transparent) 100%);

  /* type — Tipografia de Lisboa */
  --font-display:'Sul Sans', 'Bricolage Grotesque', system-ui, sans-serif; /* Sul Sans (R-Typography, licensed); Bricolage = fallback */
  --font-body:'Varta', system-ui, -apple-system, 'Segoe UI', sans-serif;    /* Varta (Joana Correia), weights 400/600/700 */
  --font-hand:'Playwrite PT', 'Segoe Script', cursive;                      /* accent only: tagline, curator badges, "Bom dia" */
  --fs-hero:clamp(52px,7.5vw,104px); --lh-hero:.92; --ls-hero:-.04em;
  --fs-h1:clamp(42px,5.4vw,80px);    --lh-h1:.95;   --ls-h1:-.035em;
  --fs-h2:40px; --ls-h2:-.03em;
  --fs-h3:21px; --fs-lead:19px; --fs-body:16px; --lh-body:1.55; --fs-meta:13px;
  --fs-label:12px; --ls-label:.1em;    /* Varta 700, uppercase */
  --fs-hand:20px; --fs-hand-badge:13px;

  /* shape & space */
  --r-sm:10px; --r-md:14px; --r-lg:18px; --r-xl:22px; --r-2xl:28px; --r-pill:999px;
  --container:1280px; --gutter:32px; --tap:44px;
  --shadow-card:0 16px 40px rgba(34,26,32,.12);
  /* Living v4: extend the system without changing the original hues. */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px;
  --e-0:none; --e-1:0 6px 18px rgba(34,26,32,.10); --e-2:0 18px 48px rgba(34,26,32,.18);
  --dur-1:120ms; --dur-2:240ms; --dur-3:480ms; --dur-sky:1200ms;
  --ease-out:cubic-bezier(.2,.8,.2,1); --ease-in-out:cubic-bezier(.65,0,.35,1); --stagger:80ms;
  --focus-azulejo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='white' d='M0 0h3v3H0zm5 5h3v3H5zM5 0h3v3H5zM0 5h3v3H0z'/%3E%3C/svg%3E");
}
/* one section colour per page */
body[data-section="eat"]           {--accent:var(--telha);    --accent-deep:var(--telha-deep);    --accent-soft:var(--telha-soft);    --accent-on-dark:var(--telha-on-dark)}
body[data-section="neighbourhoods"]{--accent:var(--jardim);   --accent-deep:var(--jardim-deep);   --accent-soft:var(--jardim-soft);   --accent-on-dark:var(--jardim-on-dark)}
body[data-section="events"]        {--accent:var(--jacaranda);--accent-deep:var(--jacaranda-deep);--accent-soft:var(--jacaranda-soft);--accent-on-dark:var(--jacaranda-on-dark)}
body[data-section="wine"]          {--accent:var(--vinho);    --accent-deep:var(--vinho-deep);    --accent-soft:var(--vinho-soft);    --accent-on-dark:var(--vinho-on-dark)}
body[data-section="plan"]          {--accent:var(--azulejo);  --accent-deep:var(--azulejo-deep);  --accent-soft:var(--azulejo-soft);  --accent-on-dark:var(--azulejo-on-dark)}
body[data-section="stay"]          {--accent:var(--fachada);  --accent-deep:var(--fachada-deep);  --accent-soft:var(--fachada-soft);  --accent-on-dark:var(--fachada-on-dark)}