/* MeetApp Spectrum · marketing palette v1 · locked 2026-10-17
   Source: The Meetings Company brand tokens v3 (type colours, ink, surfaces) + the brighter brand blue as the action colour.
   Rules: no black; blue marks actions only; one type colour per component; the spectrum only behind hero and CTA;
   body text only on white or a tint; white text on colour at headline size only, and never on green or yellow. */
:root{
  /* ink and surfaces */
  --ink:#373B4D;            /* headings and body, 11.1:1 on white */
  --ink-muted:#5A5F70;      /* secondary text, 6.4:1 on white */
  --surface:#FFFFFF;
  --surface-subtle:#EFF1F2;
  --hairline:#E1E4E8;
  /* action */
  --action:#166AEA;         /* buttons, links, logo mark; white on it 4.9:1 */
  --action-hover:#1159C9;   /* 6.4:1 */
  /* the four type colours: fill / ink / tint */
  --purpose:#F0483E;   --purpose-ink:#B3261E;   --purpose-tint:#FDEBEA;   /* ink on tint 5.7 */
  --energy:#5B6CF0;    --energy-ink:#3340C4;    --energy-tint:#ECEFFC;    /* ink on tint 6.9 */
  --precision:#5CBE68; --precision-ink:#1E7A2E; --precision-tint:#E7F5E9; /* ink on tint 4.8 */
  --alignment:#F2C11C; --alignment-ink:#7A5A00; --alignment-tint:#FEF5D5; /* ink on tint 5.8 */
  /* state, borrowed from the type colours */
  --without:var(--purpose-ink);   --without-tint:var(--purpose-tint);
  --with:var(--precision-ink);    --with-tint:var(--precision-tint);
  --warn:var(--alignment-ink);    --warn-tint:var(--alignment-tint);
  /* room identity */
  --room-deal:var(--energy);
  --room-client:var(--precision);
  --room-team:var(--purpose);
  --room-one-on-one:var(--alignment);
  /* the spectrum: hero and CTA backdrops only */
  --spectrum:linear-gradient(100deg,#F0483E 0%,#F2C11C 30%,#5CBE68 62%,#5B6CF0 100%);
  --spectrum-bar:linear-gradient(90deg,#F0483E 0%,#F2C11C 34%,#5CBE68 66%,#5B6CF0 100%);
  --disc-strong:rgba(255,255,255,0.16);
  --disc-soft:rgba(255,255,255,0.14);
  /* shape and type */
  --radius-card:20px; --radius-tile:16px; --radius-pill:999px;
  --shadow-card:0 20px 50px rgba(55,59,77,0.14);
  --shadow-float:0 40px 60px rgba(55,59,77,0.35);
  --font:Poppins,system-ui,sans-serif;
}