/* Bootshaus tokens v4. Geometry: refs/figl/build-spec.json. Brand colour from the Bootshaus logo (DECISIONS 2026-11-02). */
@font-face { font-family: "Alegreya Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/alegreya-sans-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Alegreya Sans"; font-style: italic; font-weight: 400; font-display: swap; src: url(../fonts/alegreya-sans-latin-400-italic.woff2) format("woff2"); }
@font-face { font-family: "Alegreya Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/alegreya-sans-latin-700-normal.woff2) format("woff2"); }
:root {
  --brand: #5b2581;            /* Figl #005538 role; logo purple rgb(91,37,129) */
  --brand-rgb: 91, 37, 129;
  --cream: #f6f6ee;            /* Figl page bg rgb(246,246,238) */
  --white: #fff;
  --accent: #c9b3dc;           /* hover on brand bg (Figl #7BA693 role) */
  --f: "Alegreya Sans", "Segoe UI", system-ui, sans-serif;
  --ease: ease-in-out;         /* s7: .6s ease-in-out */
  --t-body: 20px; --lh-body: 30px;
  --t-h1: 55px; --lh-h1: 61.875px;
  --t-h2: 30px; --lh-h2: 37.5px;
  --t-link: 18px;              /* Figl 16, raised to the 18px floor */
  --t-mh: 20px; --lh-mh: 25px;
  --gap: 80px;
  --pad: 50px;
  --c: 1150px; --c-text: 1050px; --c-col: 800px; --c-wide: 1300px;
  --bar: 100px;
  --inset: max(25px, calc((100vw - 1200px) / 2));
}
@media (max-width: 760px) {
  :root { --t-h1: 35px; --lh-h1: 39.375px; --t-h2: 25px; --lh-h2: 31.25px; --gap: 60px; --pad: 25px; --bar: 75px; }
}