:root {
  /* Palette intentionally diverges from Ferm: "Cool Stone" — warmth pulled out of the
     neutrals (greyer/taupe) + slightly muted accents, to be distinct from the reference.
     Do NOT revert these to Ferm's warm-beige values. */
  --color-black-rgb: 56, 56, 56;
  --color-black: rgb(var(--color-black-rgb));
  --color-cream-rgb: 252, 252, 249;
  --color-cream: rgb(var(--color-cream-rgb));
  --color-canvas-rgb: 244, 243, 239;
  --color-canvas: rgb(var(--color-canvas-rgb));
  --color-cashmere-rgb: 170, 164, 153;
  --color-cashmere: rgb(var(--color-cashmere-rgb));
  --color-light-beige-rgb: 214, 211, 205;
  --color-light-beige: rgb(var(--color-light-beige-rgb));
  --color-dark-beige-rgb: 120, 92, 82;
  --color-dark-beige: rgb(var(--color-dark-beige-rgb));
  --color-oyster-grey-rgb: 221, 219, 213;
  --color-oyster-grey: rgb(var(--color-oyster-grey-rgb));
  --color-warm-grey-rgb: 158, 153, 147;
  --color-warm-grey: rgb(var(--color-warm-grey-rgb));
  --color-parchment-rgb: 214, 207, 194;
  --color-parchment: rgb(var(--color-parchment-rgb));
  --color-coffee-rgb: 101, 82, 72;
  --color-coffee: rgb(var(--color-coffee-rgb));
  --color-orange-rgb: 188, 140, 96;
  --color-orange: rgb(var(--color-orange-rgb));
  --color-cognac-rgb: 92, 72, 45;
  --color-cognac: rgb(var(--color-cognac-rgb));
  --color-burned-yellow-rgb: 176, 134, 81;
  --color-burned-yellow: rgb(var(--color-burned-yellow-rgb));
  --color-price-rgb: 84, 84, 84;
  --color-price: rgb(var(--color-price-rgb));
  --color-label-rgb: 102, 102, 102;
  --color-label: rgb(var(--color-label-rgb));
  --color-label-new-rgb: 248, 248, 248;
  --color-label-new: rgb(var(--color-label-new-rgb));
  --color-red-rgb: 255, 0, 0;
  --color-red: rgb(var(--color-red-rgb));
  --color-green-rgb: 88, 118, 100;
  --color-green: rgb(var(--color-green-rgb));
  --color-form-border-rgb: 151, 151, 151;
  --color-form-border: rgb(var(--color-form-border-rgb));
  --site-max-width: 1360px;
  --gutter-lg: 24px;
  --gutter-md: 24px;
  --gutter-sm: 16px;
  --section-spacing-lg: 100px;
  --section-spacing-md: 60px;
  --section-spacing-sm: 40px;
  --min-size: 12;
  --max-size: 18;
  --container-min: 320;
  --container-max: 2400;
  --viewport-min: 320;
  --viewport-max: 2400;
}

/* ── Header utility strip enlarged ~20% (client request, 2026-06-12) ──────────
   Ferm's bar was h-8 (32px); the strip is now 40px tall (text size unchanged).
   Everything keyed to the old 32px compensates below: the nav row's top offset,
   the scroll-hide slide distance (threshold lives in site-behaviors.tsx), and
   the .headspace content offset under the fixed header (+8px at every width). */
header.has-bar [data-header-bar] .limit,
header.has-bar [data-header-bar] .limit > div {
  height: 2.5rem;
}
header.has-bar [data-header-nav] {
  top: 2.5rem;
}
header.has-bar.-translate-y-8 {
  transform: translateY(-2.5rem);
}
.content .headspace {
  padding-top: 100px;
}
@media (min-width: 1024px) {
  .content .headspace {
    padding-top: 112px;
  }
}