/* Bond Law Firm tokens. Generated by tools/gen_tokens.py: do not edit by hand, edit the script and run it.
   Type: Plesner's measured scale, three linear segments (below 768, 768 to 1439, 1440 and up), flat outside 390..1920. */
:root {
  /* colour roles (dna/MOTION.md 7; the brand accent is D2 in DEVIATIONS.json) */
  --navy: #163346;
  --white: #ffffff;
  --mist: #e2e8eb;
  --slate: #718c97;          /* a band, hairlines; NOT for text on white (3.6:1) */
  --slate-ink: #4d6773;      /* D3: slate text on white (6.0:1) and on mist (4.8:1) */
  --pale: #97afb9;           /* text on navy (5.7:1) */
  --gold: #b89058;           /* D2: the brand accent, from their logo: rules and large non-text accents, 4.49:1 on navy */
  --gold-ink: #8c6830;       /* D2: gold on white (5.1:1): focus ring and any gold text on white */
  --gold-ink-mist: #82602c;  /* D2: gold on mist (4.6:1) */
  --hair: rgba(22, 51, 70, 0.28);
  --hair-light: rgba(255, 255, 255, 0.28);
  /* space */
  --gutter: 5vw;
  --head-h: 71px;
  --gap: 25.6px;
  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);       /* power2.out */
  --ease-out-soft: cubic-bezier(0.25, 0.46, 0.45, 0.94); /* power1.out */
  --ease-in-out: cubic-bezier(0.455, 0.03, 0.515, 0.955); /* power1.inOut */
  /* type */
  --font: "Be Vietnam Pro", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --fs-small: 13px;
  --lh-small: 20px;
  --fs-h1: clamp(34.15px, calc(27.5675px + 1.6878vw), 40.53px);
  --lh-h1: clamp(40.00px, calc(28.4449px + 2.9629vw), 51.20px);
  --fs-h2: clamp(28.15px, calc(23.8063px + 1.1138vw), 32.36px);
  --lh-h2: clamp(30.00px, calc(20.1794px + 2.5181vw), 39.52px);
  --fs-h3: clamp(24.15px, calc(21.9937px + 0.5529vw), 26.24px);
  --lh-h3: clamp(30.00px, calc(25.3794px + 1.1848vw), 34.48px);
  --fs-lead: clamp(20.15px, calc(19.8198px + 0.0847vw), 20.47px);
  --lh-lead: clamp(28.00px, calc(26.8449px + 0.2962vw), 29.12px);
  --fs-body: clamp(14.15px, calc(13.9849px + 0.0423vw), 14.31px);
  --lh-body: clamp(22.00px, calc(21.4206px + 0.1486vw), 22.56px);
}
@media (min-width: 768px) {
  :root {
  --fs-h1: clamp(40.53px, calc(10.6557px + 3.8899vw), 66.67px);
  --lh-h1: clamp(51.20px, calc(28.4449px + 2.9629vw), 71.11px);
  --fs-h2: clamp(32.36px, calc(12.4514px + 2.5923vw), 49.78px);
  --lh-h2: clamp(39.52px, calc(20.1794px + 2.5181vw), 56.44px);
  --fs-h3: clamp(26.24px, calc(16.3543px + 1.2872vw), 34.89px);
  --lh-h3: clamp(34.48px, calc(25.3794px + 1.1848vw), 42.44px);
  --fs-lead: clamp(20.47px, calc(18.3443px + 0.2768vw), 22.33px);
  --lh-lead: clamp(29.12px, calc(26.8449px + 0.2962vw), 31.11px);
  --fs-body: clamp(14.31px, calc(12.8814px + 0.1860vw), 15.56px);
  --lh-body: clamp(22.56px, calc(21.4206px + 0.1486vw), 23.56px);
  }
}
@media (min-width: 1440px) {
  :root {
  --fs-h1: clamp(66.67px, calc(38.2300px + 1.9750vw), 76.15px);
  --lh-h1: clamp(71.11px, calc(40.7800px + 2.1062vw), 81.22px);
  --fs-h2: clamp(49.78px, calc(30.6700px + 1.3271vw), 56.15px);
  --lh-h2: clamp(56.44px, calc(34.7800px + 1.5042vw), 63.66px);
  --fs-h3: clamp(34.89px, calc(25.1100px + 0.6792vw), 38.15px);
  --lh-h3: clamp(42.44px, calc(30.5300px + 0.8271vw), 46.41px);
  --fs-lead: clamp(22.33px, calc(19.8700px + 0.1708vw), 23.15px);
  --lh-lead: clamp(31.11px, calc(27.6900px + 0.2375vw), 32.25px);
  --fs-body: clamp(15.56px, calc(13.7900px + 0.1229vw), 16.15px);
  --lh-body: clamp(23.56px, calc(20.8900px + 0.1854vw), 24.45px);
  }
}