:root {
  color-scheme: light;
  color-scheme: only light;
  /* Project's screen interpretation of Cloud Dancer; not a Pantone conversion. */
  --color-page: #f0eee9;
  --color-ink: #242c29;
  --color-body: #424b46;
  --color-muted: #606963;
  --color-rule: #c9ccc5;
  --color-accent: #166b62;
  --color-accent-hover: #11544c;
  --color-on-accent: #f8f7f3;
  --color-focus: var(--color-accent);
  --hero-ink: #f8f7f3;
  --hero-accent: var(--color-accent);
  --hero-accent-hover: var(--color-accent-hover);
  --color-header-b: var(--color-accent);
  --color-header-b-ink: var(--color-on-accent);
  --color-header-b-accent: var(--color-on-accent);
  --header-bg: var(--color-page);
  --header-ink: var(--color-ink);
  --header-accent: var(--color-accent);
  --font-heading: "Onest", "Arial", sans-serif;
  --font-body: "Golos Text", "Arial", sans-serif;
  --text-body: 18px;
  --text-small: 15px;
  --text-label: 14px;
  --text-heading: clamp(30px, 2.5vw, 36px);
  --text-lead: clamp(24px, 2.1vw, 30px);
  --text-entry: 22px;
  --text-topic: 24px;
  --text-price: 26px;
  --leading-body: 1.6;
  --leading-heading: 1.16;
  --tracking-heading: -.035em;
  --container-max: 1248px;
  --gutter: clamp(24px, 4.15vw, 80px);
  --editorial-columns: minmax(0, 1fr) minmax(0, 2fr);
  --grid-gap: 64px;
  --measure-copy: 62ch;
  --section-space: clamp(64px, 6.67vw, 96px);
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --header-height: 72px;
  --action-height: 54px;
  --motion-short: 180ms;
  --motion-medium: 420ms;
  --motion-easing: cubic-bezier(.2, .65, .3, 1);
}
/* Layout modes: >960 editorial columns, 721–960 single axis/two topics, ≤720 stacked. */
@media (max-width: 960px) {
  :root { --editorial-columns: minmax(0, 1fr); --grid-gap: 32px; }
}
@media (max-width: 720px) {
  :root { --section-space: 56px; --gutter: 24px; --grid-gap: 24px; --header-height: 64px; --text-entry: 21px; --text-topic: 22px; --text-price: 24px; }
}
@media (max-width: 360px) {
  :root { --gutter: 20px; --text-heading: 28px; }
}
[data-header="b"], [data-header="c"][data-compact="accent"] {
  --header-bg: var(--color-header-b);
  --header-ink: var(--color-header-b-ink);
  --header-accent: var(--color-header-b-accent);
}

:root {
  --color-accent: #166B62;
  --color-accent-hover: #11544C;
  --color-on-accent: #F8F7F3;
  --color-focus: #166B62;
}