/* Brookworx design tokens. Canonical editable CSS values for this export. */
:root {
  color-scheme:light;
  --paper:#fff;
  --soft:var(--surface);
  --accent:var(--mint);
  --dark:#101612;
  --panel:var(--blueprint-surface);
  --night:#001727;
  --space-1:8px;
  --space-2:16px;
  --space-3:24px;
  --space-4:32px;
  --space-6:48px;
  --card-radius:18px;
  --card-title-size:clamp(24px,2.1vw,28px);
  --blueprint-surface:#f8fcf9;
  --ink:#101612;
  --muted:#606c64;
  --mint:#03e7a9;
  --green:#007c5b;
  --line:#e0e5de;
  --surface:#f6f8f5;
  --width:1280px;
  --gutter:40px;
  --section-space:96px;
  --radius:26px;
  --body-size:17px;
  --body-leading:1.65;
  --lead-size:21px;
  --lead-leading:1.55;
  --detail-size:16px;
  --control-size:16px;
  --small-size:14px;
  --eyebrow-size:12px;
  --h2-size:clamp(32px,3.25vw,46px);
  --h3-size:26px;
  --font-sans:'DM Sans',Arial,sans-serif;
  --font-accent:'DM Sans',Arial,sans-serif;
  --heading-weight:400;
  --heading-tracking:-.045em;
  --h2-leading:1.1;
  --control-min-height:44px;
  --nav-height:94px
}

@media(max-width:1100px) {
  :root {
  --gutter:32px;
  --section-space:80px
}

}



@media(max-width:850px) {
  :root {
  --gutter:20px;
  --lead-size:20px;
  --section-space:64px;
  --radius:22px;
  --card-title-size:26px;
  --h2-size:34px;
  --nav-height:78px
}

}

@media(max-width:380px) {
  :root {
  --gutter:18px
}

}