/* HTS base colors — black + the slate family. Every value is verbatim from the
   Jan 2026 HTS presentation template ("COLOR | BASE COLORS", slide 26). */
:root{
  --black:#000000;
  --slate-90:#181D29;
  --slate-80:#354156;
  --slate-60:#556381;
  --slate-50:#7B8AA7;
  --slate-40:#ABB7CD;
  --slate-30:#BEC8DA;
  --slate-20:#E8ECF2;
  --slate-10:#F4F6F9;
  --white:#FFFFFF;

  /* Semantic aliases — light mode (the default; title, end and content slides) */
  --text-primary:var(--slate-90);      /* primary text colour */
  --text-secondary:var(--slate-80);
  --text-muted:var(--slate-50);
  --text-eyebrow:var(--slate-40);      /* header-badge kicker, slide numbers */
  --text-on-dark:var(--white);
  --text-on-dark-muted:var(--slate-30);

  --surface-page:var(--white);
  --surface-subtle:var(--slate-10);
  --surface-sunken:var(--slate-20);
  --surface-card:var(--white);
  --surface-inverse:var(--slate-90);   /* dividers are always dark mode */

  --border-hairline:var(--slate-20);
  --border-default:var(--slate-30);    /* 2px border on screen mockups */
  --border-strong:var(--slate-40);
  --border-dotted:var(--slate-30);

  /* Chart-specific (slide 168, "Chart anatomy") */
  --chart-gridline:var(--slate-20);
  --chart-axis:var(--slate-50);
  --chart-label:var(--slate-90);
  --chart-base-1:var(--black);
  --chart-base-2:var(--slate-80);
  --chart-base-3:var(--slate-60);
  --chart-base-4:var(--slate-50);
  --chart-base-5:var(--slate-40);
  --chart-base-6:var(--slate-30);
  --chart-line-width:3px; /* @kind spacing */
  --chart-point-size:7px; /* @kind spacing */
}
/* Dark mode — used for dividers, title/end slides in dark, case-study slides. */
.hts-dark{
  --text-primary:var(--white);
  --text-secondary:var(--slate-30);
  --text-muted:var(--slate-50);
  --text-eyebrow:var(--slate-50);
  --surface-page:var(--slate-90);
  --surface-subtle:#202634;
  --surface-card:rgba(255,255,255,.06);
  --border-hairline:rgba(255,255,255,.12);
  --border-default:rgba(255,255,255,.2);
}