/* VIDA Design System — tokens (font: design-system/tokens/*.css). Les fonts es carreguen des de WordPress (Google Fonts). */
:root{
/* Base — colors de vida.cat */
--vida-night:#312b41;
--vida-night-2:#3a3350;
--vida-night-3:#463e5e;
--vida-night-4:#5a5175;
--vida-deep:#221d2e;
--vida-ink:#2a2338;
--vida-heart:#ffd366;
--vida-heart-2:#ffc53d;
--vida-heart-soft:#fff0c7;
--vida-white:#ffffff;
--vida-live:#ff4d4d;
--vida-success:#86e3c3;
--vida-error:#ff7a6b;
/* Text sobre nit */
--fg-1:#ffffff;
--fg-2:#d9d4e6;
--fg-3:#a69fbb;
--fg-4:#7c7494;
/* Semàntics */
--surface-page:var(--vida-night);
--surface-raised:var(--vida-night-2);
--surface-hover:var(--vida-night-3);
--surface-sunk:var(--vida-deep);
--surface-label:var(--vida-white);
--text-body:var(--fg-2);
--text-strong:var(--fg-1);
--text-muted:var(--fg-3);
--text-on-label:var(--vida-ink);
--text-on-accent:var(--vida-ink);
--accent:var(--vida-heart);
--accent-pressed:var(--vida-heart-2);
--border-subtle:rgba(255,255,255,.08);
--border-default:rgba(255,255,255,.16);
--border-strong:rgba(255,255,255,.32);
--focus-ring:var(--vida-heart);
--scrim:rgba(20,16,30,.72);
/* Colors de programa (valors per defecte; els termes poden sobreescriure'ls) */
--prog-aixo-es-vida:#ccf09b;
--prog-entrevista:#ffd366;
--prog-especials:#ffffff;
--prog-opinions:#ffb38a;
--prog-batecs:#a9c7ff;
--prog-mon-dones:#dcb0f5;
--prog-refrit:#f3e0b3;
--prog-mirada-jove:#f6bfd6;
--prog-magrada:#86e3c3;
--prog-focus:#ff8a7a;
--prog-minut:#9ee8ff;
--prog-aplec:#ffb05c;
--prog-colors:#c5b4ff;
/* Tipografia */
--font-display:'Oswald','Arial Narrow',sans-serif;
--font-body:'Roboto',system-ui,sans-serif;
--fs-hero:clamp(40px,6vw,88px);
--fs-d1:clamp(34px,4.4vw,64px);
--fs-d2:clamp(28px,3vw,44px);
--fs-d3:clamp(22px,2vw,30px);
--fs-d4:20px;
--fs-label:16px;
--fs-lg:20px;
--fs-md:17px;
--fs-sm:15px;
--fs-xs:13px;
--lh-tight:1.05;
--lh-snug:1.2;
--lh-body:1.55;
--ls-display:.01em;
--ls-caps:.08em;
--fw-regular:400;
--fw-medium:500;
--fw-semibold:600;
--fw-bold:700;
--type-title:var(--fw-semibold) var(--fs-d2)/var(--lh-tight) var(--font-display);
--type-section:var(--fw-medium) var(--fs-d3)/var(--lh-tight) var(--font-display);
--type-card-title:var(--fw-medium) var(--fs-d4)/var(--lh-snug) var(--font-display);
--type-body:var(--fw-regular) var(--fs-md)/var(--lh-body) var(--font-body);
--type-meta:var(--fw-regular) var(--fs-xs)/1.4 var(--font-body);
/* Espai */
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;
--gutter:clamp(16px,3.2vw,48px);
--rail-gap:clamp(10px,1.2vw,18px);
--max-content:1440px;
--max-text:760px;
--header-h:72px;
--tabbar-h:64px;
/* Efectes */
--r-xs:4px;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;
--r-thumb:var(--r-md);
--r-hero:var(--r-xl);
--shadow-card:0 8px 24px rgba(10,6,20,.35);
--shadow-pop:0 18px 48px rgba(10,6,20,.55);
--shadow-label:0 2px 0 rgba(0,0,0,.12);
--protect-bottom:linear-gradient(180deg,rgba(49,43,65,0) 0%,rgba(49,43,65,.55) 45%,var(--vida-night) 100%);
--protect-left:linear-gradient(90deg,var(--vida-night) 0%,rgba(49,43,65,.7) 35%,rgba(49,43,65,0) 70%);
--ease-out:cubic-bezier(.2,.8,.2,1);
--ease-in-out:cubic-bezier(.6,0,.3,1);
--dur-fast:120ms;
--dur-base:220ms;
--dur-slow:420ms;
--hover-lift:translateY(-4px) scale(1.02);
--press-scale:scale(.97);
}