/* Catalyst Agency — tokens from the live Neve seed.
   Orange #ff7f40 is locked. Do not replace it with agency blue or WPForms #066aab.
   Derived mixes below are interface states only. They are not a new brand palette.
   Marco leads any finished type system. Newsreader here is a provisional pairing. */

:root {
  --accent: #ff7f40;
  --text: #2b2b2b;
  --text-on-dark: #ffffff;
  --btn-text: #010101;
  --light: #ededed;
  --dark-bg: #6f7271;
  --site-bg: #ffffff;

  --muted: color-mix(in srgb, var(--text) 68%, var(--dark-bg));
  --muted-2: color-mix(in srgb, var(--dark-bg) 82%, var(--text));
  --paper: color-mix(in srgb, var(--light) 42%, var(--site-bg));
  --dark-deep: color-mix(in srgb, var(--dark-bg) 55%, var(--text));
  --border: color-mix(in srgb, var(--text) 12%, transparent);
  --border-strong: color-mix(in srgb, var(--text) 22%, transparent);

  --font-ui: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --font-display: "Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, serif;

  --fs-body: 1.0625rem;
  --lh: 1.65;
  --wrap: min(1120px, calc(100% - 2.5rem));
  --wrap-narrow: min(720px, calc(100% - 2.5rem));
  --wrap-wide: min(1280px, calc(100% - 2.5rem));

  --header-h: 76px;
  --banner-h: 52px;
  --room-y: clamp(4.75rem, 9vw, 8.5rem);
  --room-y-sm: clamp(3.25rem, 6vw, 5.25rem);

  --shadow: 0 18px 50px color-mix(in srgb, var(--text) 8%, transparent);
  --radius: 2px;
}