@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/barlow-condensed-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/barlow-condensed-semibold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/barlow-condensed-bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  /* Exact colours sampled from Bathe's current public digital presentation on 2 September 2026. */
  --brand-blue: #5f8ecf;
  --brand-ink: #272425;
  --brand-grey: #615c5c;
  --brand-soft: #f2f2f2;
  --brand-white: #ffffff;

  /* Accessible tonal extensions and material neutrals for this private concept. */
  --brand-blue-deep: #315f9d;
  --brand-blue-pale: #dce8f7;
  --brand-line: #c8c5c5;
  --material-sand: #e8dfd3;
  --material-oak: #9b7a57;
  --brand-success: #315f4a;
  --brand-error: #8a2f2f;

  --font-display: "Barlow Condensed", "Arial Narrow", "Aptos Narrow", sans-serif;
  --font-body: "Manrope", "Aptos", "Segoe UI", sans-serif;

  --text-xs: 0.78rem;
  --text-sm: 0.92rem;
  --text-base: 1rem;
  --text-lg: clamp(1.08rem, 1.7vw, 1.28rem);
  --heading-small: clamp(1.8rem, 3.5vw, 2.7rem);
  --heading-medium: clamp(3rem, 7vw, 6.2rem);
  --heading-large: clamp(4.5rem, 11vw, 9.8rem);

  --space-1: 0.35rem;
  --space-2: 0.6rem;
  --space-3: 0.9rem;
  --space-4: 1.25rem;
  --space-5: 1.8rem;
  --space-6: 2.6rem;
  --space-7: 3.8rem;
  --space-8: 5.5rem;
  --space-9: 8rem;

  --radius-small: 0.15rem;
  --radius-medium: 0.3rem;
  --content-width: 80rem;
  --header-height: 5rem;
  --transition: 180ms ease;
}