/* Design tokens */

@font-face {
  font-family: "Source Serif 4 Variable";
  src: url("../fonts/source-serif-4-latin-opsz-normal.woff2") format("woff2");
  font-weight: 200 900; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+25CB, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Serif 4 Variable";
  src: url("../fonts/source-serif-4-latin-opsz-italic.woff2") format("woff2");
  font-weight: 200 900; font-style: italic; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Sans 3 Variable";
  src: url("../fonts/source-sans-3-latin-wght-normal.woff2") format("woff2");
  font-weight: 200 900; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Noto Naskh Arabic Variable";
  src: url("../fonts/noto-naskh-arabic-arabic-wght-normal.woff2") format("woff2");
  font-weight: 400 700; font-style: normal; font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

:root {
  /* Type families */
  --font-text: "Source Serif 4 Variable", "Source Serif Pro", Georgia, "Times New Roman", serif;
  --font-label: "Source Sans 3 Variable", "Source Sans Pro", "Segoe UI", Arial, sans-serif;
  --font-fa: "Noto Naskh Arabic Variable", "Noto Naskh Arabic", "Traditional Arabic", "Segoe UI", Tahoma, serif;

  /* Type scale */
  --text-body: 19px;
  --text-lede: 22px;
  --text-small: 17px;
  --text-label: 15.5px;
  --text-h3: 22px;
  --text-h2: clamp(30px, 2.9vw, 40px);
  --text-h1: clamp(34px, 3.7vw, 53px);
  --text-path: clamp(27px, 2.36vw, 34px);
  --leading-body: 1.6;
  --weight-display: 380;
  --weight-title: 420;
  --weight-strong: 610;
  --measure: 37.5rem;

  /* Colour: ivory, navy, oxblood, brass */
  --paper: #f8f5ee;
  --paper-deep: #f0ebdf;
  --sheet: #fdfbf6;
  --ink: #16233a;
  --ink-2: #4b5364;
  --rule: #d6d0c2;
  --rule-strong: #16233a;
  --on-ink: #f8f5ee;
  --on-ink-2: #cdd1da;
  --brass-light: #dfc48d;

  /* The three service lines */
  --line-care: #21406f;
  --line-therapy: #7a1e2c;
  --line-clin: #7c5c22;
  --line-neutral: #16233a;
  --line: var(--line-neutral);

  /* Spacing: 8px base */
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 40px; --s6: 48px; --s7: 56px; --s8: 64px; --s10: 80px; --s12: 96px;

  /* Layout */
  --wrap-max: 1320px;
  --gutter: clamp(20px, 4vw, 56px);
  --side-col: 232px;
  --stroke: 2px;
  --target-min: 44px;
  --tabs-h: 62px;
}

.l-care { --line: var(--line-care); }
.l-therapy { --line: var(--line-therapy); }
.l-clin { --line: var(--line-clin); }
.l-neutral { --line: var(--line-neutral); }

html[lang|="fa"] {
  /* Latin letters, digits, spaces and punctuation come from the site's own Latin fonts on every platform. */
  --font-text: "Noto Naskh Arabic Variable", "Source Serif 4 Variable", "Noto Naskh Arabic", "Traditional Arabic", Georgia, serif;
  --font-label: "Noto Naskh Arabic Variable", "Source Sans 3 Variable", "Noto Naskh Arabic", "Traditional Arabic", "Segoe UI", sans-serif;
  --text-label: 17px;
  --measure: 38rem;
}

@media (max-width: 700px) {
  :root {
    --text-body: 18px;
    --text-lede: 20px;
    --text-h3: 21px;
    --text-small: 16.5px;
    --leading-body: 1.58;
  }
}