/* Diverse Minds Learning & Leisure CIC: shared design tokens for every page.
   Adopted 23 Oct 2026 from the 115 Loch Murray holiday home design (build-pages/holiday-home/HANDOFF.md, section 3).
   Linked last in <head> on every page by build-pages/theme/apply_theme.py, so these values win over
   the tokens each older page still declares in its own <style>. Change colours here, once. */
:root{
  /* Diverse Minds palette */
  --dm-navy:#0A3556;         /* hero, dark bands, footer, headings, main text on light */
  --dm-teal:#0A7389;         /* links, buttons, ticks; passes contrast with white text */
  --dm-teal-bold:#0B7B93;    /* bold teal blocks, white text only */
  --dm-teal-logo:#0C849C;    /* decorative only: badges, colour strip */
  --dm-yellow:#FDAA2A;       /* primary button on dark, selected tab; navy text on it */
  --dm-yellow-light:#FDC446; /* small labels on dark bands */
  --dm-yellow-pale:#FFE2A8;
  --dm-magenta:#C52B6E;      /* booking band, bold blocks, white text only */
  --dm-magenta-dark:#A81F58; /* small uppercase labels on light */
  --dm-teal-tint:#E6F3F6; --dm-teal-tint-2:#DDEFF3; --dm-teal-tint-3:#D4EBF0;
  --dm-yellow-tint:#FFEFCF; --dm-pink-tint:#FBE0EB; --dm-navy-tint:#DCE7F1;
  --dm-cream:#FBF8F3;        /* page background */
  --dm-text:#202426;         /* body text on light */
  --dm-radius-card:28px; --dm-radius-card-lg:36px; --dm-radius-pill:999px;

  /* Older token names used inside existing pages, mapped onto the Diverse Minds palette */
  --ink:var(--dm-navy);
  --mineral:var(--dm-teal);
  --brass:var(--dm-yellow);
  --brass-text:var(--dm-magenta-dark);
  --carbon:var(--dm-text);
  --paper:var(--dm-cream);
  --age8:var(--dm-yellow);
  --age12:var(--dm-magenta);
  --age18:var(--dm-yellow);
  --age-8-11-a:var(--dm-yellow); --age-8-11-b:var(--dm-teal-tint-2); --age-8-11-c:var(--dm-yellow-tint);
  --age-12-15-a:var(--dm-magenta); --age-12-15-b:var(--dm-pink-tint); --age-12-15-d:var(--dm-pink-tint);
  --age-18-a:var(--dm-navy); --age-18-b:var(--dm-teal); --age-18-c:var(--dm-yellow);

  /* Layout */
  --max:1264px; --max-width:1264px;
}

/* Italic accent words in headings: yellow only works on dark bands. On light backgrounds use dark magenta. */
h1 em,h2 em,h3 em{color:var(--dm-magenta-dark)}
.on-dark h1 em,.on-dark h2 em,.on-dark h3 em{color:var(--dm-yellow)}

/* Teal bands (#0A7389) take full white text only: faded cream and yellow fail contrast on teal. */
:is(.b-main,.b-out,.cic,.t-mineral,.cw i,.l1 .lab-facts .t,.now,.o2 i,.o3,.pic.work,.see,.t2 .tile-body,.tag.w,.vis,.x2){--chalk:#FFFFFF;--chalk-80:#FFFFFF;--chalk-70:#FFFFFF}
:is(.b-main,.b-out,.cic,.now,.o3,.see,.vis,.x2) :is(h1,h2,h3) em{color:#FFFFFF;text-decoration:underline;text-decoration-color:var(--dm-yellow);text-decoration-thickness:.08em;text-underline-offset:.12em}
.x2 .n{color:#FFFFFF}