:root {
  /* Brand colours */
  --mps-color-background: #ffffff;
  --mps-color-surface: #f5f1ee;
  --mps-color-surface-soft: #faf8f6;
  --mps-color-text: #242424;
  --mps-color-text-muted: #686568;
  --mps-color-border: #dfd9d5;
  --mps-color-dark: #252525;
  --mps-color-dark-hover: #111111;
  --mps-color-light: #ffffff;
  --mps-color-accent: #d7bbb0;
  --mps-color-accent-hover: #caa99d;
  --mps-color-focus: #8a5f51;

  /* Global font families */
  --mps-font-heading: "Playfair Display", Georgia, serif;
  --mps-font-body: "Nunito Sans", Arial, sans-serif;
  --mps-font-script: "Freehand", "Segoe Print", cursive;

  /* Content geometry */
  --container-width: 1440px;
  --container-width-narrow: 960px;
  --gutter-desktop: 64px;
  --gutter-tablet: 40px;
  --gutter-mobile: 20px;

  /* Section rhythm */
  --section-space-desktop: 112px;
  --section-space-tablet: 84px;
  --section-space-mobile: 64px;
  --content-gap-large: 48px;
  --content-gap-medium: 28px;
  --content-gap-small: 16px;
  --content-gap-xsmall: 10px;

  /* Typography: desktop */
  --mps-h1-size: 80px;
  --mps-h1-line: 0.98;
  --mps-h1-spacing: -0.035em;
  --mps-h2-size: 58px;
  --mps-h2-line: 1.04;
  --mps-h2-spacing: -0.025em;
  --mps-h3-size: 38px;
  --mps-h3-line: 1.12;
  --mps-h3-spacing: -0.018em;
  --mps-h4-size: 28px;
  --mps-h4-line: 1.2;
  --mps-h5-size: 21px;
  --mps-h5-line: 1.3;
  --mps-body-size: 16px;
  --mps-body-line: 1.7;
  --mps-body-large-size: 19px;
  --mps-body-large-line: 1.65;
  --mps-small-size: 14px;
  --mps-small-line: 1.55;
  --mps-label-size: 12px;
  --mps-label-line: 1.35;
  --mps-button-size: 14px;
  --mps-button-line: 1;

  /* Controls */
  --mps-control-height: 56px;
  --mps-control-padding-inline: 28px;
  --mps-control-icon-size: 38px;
  --mps-control-icon-gap: 18px;
  --mps-button-radius: 999px;
  --mps-button-icon-offset: 8px;
  --mps-button-max-width: 360px;
  --mps-button-dark-background: #111111;
  --mps-button-dark-hover-background: #3a3a3a;
  --mps-button-shadow-hover: 0 16px 36px rgba(0, 0, 0, 0.24);
  --mps-radius-small: 2px;
  --mps-radius-medium: 10px;
  --mps-transition: 220ms ease;
}

@media (max-width: 1279px) {
  :root {
    --gutter-desktop: 44px;
    --mps-h1-size: 68px;
    --mps-h2-size: 50px;
    --mps-h3-size: 34px;
  }
}

@media (max-width: 1024px) {
  :root {
    --mps-h1-size: 56px;
    --mps-h1-line: 1;
    --mps-h2-size: 43px;
    --mps-h2-line: 1.06;
    --mps-h3-size: 31px;
    --mps-h4-size: 25px;
    --mps-body-large-size: 18px;
  }
}

@media (max-width: 600px) {
  :root {
    --mps-h1-size: 43px;
    --mps-h1-line: 1.02;
    --mps-h2-size: 36px;
    --mps-h2-line: 1.08;
    --mps-h3-size: 28px;
    --mps-h4-size: 23px;
    --mps-h5-size: 19px;
    --mps-body-size: 16px;
    --mps-body-large-size: 17px;
    --mps-small-size: 13px;
    --mps-control-height: 52px;
    --mps-control-padding-inline: 22px;
    --mps-control-icon-size: 36px;
  }
}