:root {
  /* Brand system — high contrast by default for senior readability */
  --green: #006b32;
  --green-hover: #005528;
  --green-deep: #003d1c;
  --green-bright: #17db71;
  --green-soft: #ebf6f0;
  --green-mist: #f2f9f5;
  --ink: #000000;
  --ink-soft: #111111;
  --body: #111111;
  --muted: #222222;
  --line: #111111;
  --line-strong: #000000;
  --paper: #ffffff;
  --wash: #f2f2f2;
  --wash-2: #e8e8e8;
  --footer: #0a1219;
  --focus: #0000ee;
  --warm: #fff8e7;

  --font-display: "Plus Jakarta Sans", "IBM Plex Sans", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", system-ui, sans-serif;

  --container: 72rem;
  --container-wide: 80rem;
  --header-h: 4.25rem;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --radius: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --radius-btn: 0.625rem;
  --pill: 6.25rem;
  --sticky-h: 4.25rem;
  --shadow: 0 8px 24px rgb(15 15 16 / 8%);
  --shadow-lg: 0 18px 48px rgb(15 15 16 / 12%);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* Contained image boxes — never overflow small screens */
  --img-box-max-sm: 14rem;
  --img-box-max-md: 18rem;
  --img-box-max-lg: 21rem;
  --img-box-radius: var(--radius-lg);
}

@media (min-width: 768px) {
  :root {
    --header-h: 4.75rem;
  }
}

/* Explicit high contrast (default) — reinforced for clarity */
[data-contrast="high"] {
  --ink: #000;
  --ink-soft: #111;
  --body: #111;
  --muted: #222;
  --paper: #fff;
  --wash: #f2f2f2;
  --wash-2: #e8e8e8;
  --line: #111;
  --line-strong: #000;
  --green: #006b32;
  --green-hover: #005528;
  --focus: #0000ee;
}

/* Softer palette when visitors turn high contrast off */
[data-contrast="soft"] {
  --green: #009444;
  --green-hover: #007a38;
  --green-deep: #005527;
  --ink: #0f0f10;
  --ink-soft: #202021;
  --body: #454545;
  --muted: #5c636d;
  --line: #e4e5e7;
  --line-strong: #d4d7db;
  --paper: #ffffff;
  --wash: #f8f8f8;
  --wash-2: #f0f2f3;
  --footer: #0d1821;
  --focus: #009444;
}