/* THE PALETTE, IN ONE PLACE.

   Every page used to define its own :root block, which is why lightening
   the site meant editing 42 files and why one colour appeared 94 times.
   These are the values actually in use, taken from the pages themselves
   rather than from a spec — so linking this changes nothing today and
   makes the next palette change one edit instead of sixty. */
:root {
  --accent: #2dd4bf;
  --accent-soft: #173F39;
  --amber: #C4842E;
  --amber-deep: #A5691E;
  --bad: #e2716f;
  --bad-soft: #402522;
  --bg: #1D3E36;
  --blue: #3FE0CB;
  --board: #0B221F;
  --card: #123430;
  --dk: #f2b84b;
  --dk-soft: #173F39;
  --edge: #1C4A44;
  --gold: #E8A94A;
  --gold-hover: #E8A93E;
  --good: #4FAE95;
  --ink: #F3EAD5;
  --ink-deep: #081A17;
  --line: #40766A;
  --muted: #A9CBC1;
  --nav-bad: #EA8280;
  --nav-bg: #1D3E36;
  --nav-border-control: #5C9389;
  --nav-card: #2E5A4E;
  --nav-gold: #E8A94A;
  --nav-gold-hover: #F2BC63;
  --nav-ink: #F3F9F7;
  --nav-line: #40766A;
  --nav-muted: #A9CBC1;
  --nav-on-gold: #2B1A06;
  --nav-panel: #264C42;
  --nav-teal: #3FE0CB;
  --on-amber: #241505;
  --on-gold: #241505;
  --on-sand: #241505;
  --on-teal: #06201C;
  --panel: #264C42;
  --panel-light: #2E5A4E;
  --pen: #E2685A;
  --sage: #123430;
  --sand: #C4842E;
  --sand-card: #0E2A27;
  --sand-dim: #1C4A44;
  --surface: #123430;
  --teal: #3FE0CB;
  --teal-bright: #4FAE95;
  --teal-deep: #3B8E78;
  --teal-mid: #4FAE95;
  --text: #F3F9F7;
  --text-dark: #F3EAD5;
  --text-soft: #4C5C58;
  --util-bg: #081A17;
  --warn: #C4842E;
}

/* ---------------------------------------------------------------
   ONE PALETTE, EVERY PAGE (2026-08-03)

   Each page used to carry its OWN :root with its own names — --surface
   here, --panel there, --sand-card somewhere else — and its own values.
   That is why the home page and What I do looked right and the other
   thirty-odd drifted: pricing.html was running a light scheme entirely
   (--sand as a near-white), support.html a darker one than the nav.

   These are the home/What I do values, mapped onto every alias name that
   was in use, so a page keeps its own class names and stops carrying its
   own colours. The per-page :root blocks were removed; this is what they
   now resolve against.
   --------------------------------------------------------------- */
:root {
  /* surfaces, darkest to lightest */
  --bg: #1D3E36;
  --board: #1D3E36;
  --util-bg: #16302A;
  --surface: #264C42;
  --panel: #264C42;
  --card: #264C42;
  --sand-card: #264C42;
  --teal-deep: #264C42;
  --teal-deep2: #1D3E36;
  --surface2: #2E5A4E;
  --card2: #2E5A4E;
  --panel-light: #2E5A4E;
  --nav-card: #2E5A4E;
  --teal-mid: #2E5A4E;
  --soft: #2E5A4E;

  /* lines and edges */
  --edge: #40766A;
  --edge2: #35635A;
  --line: #40766A;
  --sand-dim: #40766A;
  --nav-border-control: #5C9389;

  /* text */
  --ink: #F3F9F7;
  --text: #F3F9F7;
  --text-dark: #F3F9F7;
  --sand: #F3F9F7;
  --muted: #A9CBC1;
  --nav-muted: #A9CBC1;
  --text-soft: #A9CBC1;
  --graphite: #A9CBC1;
  --faint: #7FA79C;

  /* accents */
  --accent: #3FE0CB;
  --teal: #3FE0CB;
  --teal-bright: #3FE0CB;
  --blue: #3FE0CB;
  --sage: #4FAE95;
  --good: #4FAE95;
  --accent-soft: rgba(63,224,203,.16);
  --good-bg: rgba(79,174,149,.14);
  --good-line: rgba(79,174,149,.40);
  --good-soft: rgba(79,174,149,.14);
  --on-teal: #06201C;

  /* gold */
  --gold: #E8A94A;
  --amber: #E8A94A;
  --dk: #E8A94A;
  --gold-hover: #F2BC63;
  --amber-deep: #F2BC63;
  --dk-soft: rgba(232,169,74,.16);
  --on-gold: #2B1A06;
  --on-amber: #2B1A06;
  --on-sand: #2B1A06;

  /* warning / error */
  --bad: #EA8280;
  --pen: #EA8280;
  --warn: #E8A94A;
  --bad-bg: rgba(234,130,128,.14);
  --pen-bg: rgba(234,130,128,.14);
  --bad-line: rgba(234,130,128,.40);
  --bad-soft: rgba(234,130,128,.14);
  --warn-bg: rgba(232,169,74,.14);
  --warn-line: rgba(232,169,74,.40);

  /* type */
  --display: "Newsreader", serif;
  --serif: "Newsreader", serif;
  --body: "Inter", sans-serif;
  --sans: "Inter", sans-serif;
  --mono: "IBM Plex Mono", monospace;
  --radius: 12px;

  /* Two names only one page each used, kept so nothing resolves to nothing. */
  --barclear: rgba(243,249,247,.14);
  --nav-accent: #3FE0CB;
}