:root {
  /* Clear Path core (Brand Reference v1.0) */
  --navy-deep:#0A183A; --navy:#112652; --navy-mid:#1A3468; --navy-light:#30528C;
  --gold:#D4A542; --gold-bright:#F0C45C; --gold-soft:#E8C373; --sunrise:#FFD48C;
  --gold-ink:#87692A;
  --white:#FFFFFF; --ivory:#FAF5EB; --cream:#F6F0E4; --mist:#DCE4F0;
  /* Extended Colour System v1.1.1 — ramps for the hues bound on this page
     (teal = the guide's jewel, Luke; amethyst = reflection; sky = help note) */
  --teal:#34AFA6;
  --teal-tint:#E7F5F4;
  --teal-tint-strong:#D6EFED;
  --teal-ink:#257978;
  --teal-deep:#288280;
  --amethyst:#9B84D4;
  --amethyst-tint:#F3F0FA;
  --amethyst-tint-strong:#EBE6F6;
  --amethyst-ink:#7265A2;
  --amethyst-deep:#7D6CAF;
  --sky:#5B9BD5;
  --sky-tint:#EBF3FA;
  --sky-tint-strong:#DEEBF7;
  --sky-ink:#42719E;
  --sky-deep:#4779A8;
}
[data-accent="teal"] { --accent: var(--teal); --accent-tint: var(--teal-tint); --accent-ink: var(--teal-ink); --accent-deep: var(--teal-deep); }
[data-accent="amethyst"] { --accent: var(--amethyst); --accent-tint: var(--amethyst-tint); --accent-ink: var(--amethyst-ink); --accent-deep: var(--amethyst-deep); }
[data-accent="sky"] { --accent: var(--sky); --accent-tint: var(--sky-tint); --accent-ink: var(--sky-ink); --accent-deep: var(--sky-deep); }