:root {
  --container-max: 1300px;
  --container-padding: clamp(1rem, 3vw, 1.5rem);
  --container: var(--container-max);
  --pad-x: var(--container-padding);
  --hero-content-offset: 20dvh;

  --z-header: 100;
  --z-offcanvas: 200;
  --z-search: 300;
  --z-overlay: 400;

  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;

  --fs-ui: 0.9375rem;
  --fs-h4: 1.25rem;

  --lh-ui: 1.3;

  --color-primary: #4F5861;
  --color-accent: #C19A5B;
  --color-text: #4F5861;
  --color-text-invert: #ffffff;
  --color-border: rgba(0, 0, 0, 0.15);
  --color-primary-55: rgba(79, 88, 97, 0.55);

  --header-color: var(--color-primary);
  --header-color-hover: var(--color-accent);
  --header-border: rgba(0, 0, 0, 0.12);

  --icon-ui: 1.25rem;
  --icon-meta: 1rem;
  --icon-large: 2.1875rem;
  --icon-feature: 2.5rem;
  --icon-stroke: 2;
  --icon-gap: 0.5rem;

  --btn-height: 40px;
  --btn-radius: 999px;

  --ease-default: cubic-bezier(.4, 0, .2, 1);
  --dur-fast: .2s;
  --dur-base: .25s;
  --dur-slow: .35s;

  --form-field-indent: 0;
  --form-field-gap: 28px;
  --form-section-gap: 24px;
}