/* generated by design/build_tokens.py from design/tokens.json; do not edit */
:root {
  --gf-ground: #F1F2F0;
  --gf-surface: #FFFFFF;
  --gf-surface-2: #E4E7E3;
  --gf-line: #D3D7D4;
  --gf-ink: #15181B;
  --gf-muted: #545C62;
  --gf-primary: #15181B;
  --gf-primary-press: #2A2F34;
  --gf-on-primary: #FFFFFF;
  --gf-signal: #C40F68;
  --gf-signal-press: #A30B57;
  --gf-on-signal: #FFFFFF;
  --gf-signal-soft: #FCE4EF;
  --gf-paint: #FF2E93;
  --gf-on-paint: #15181B;
  --gf-success: #2B7A48;
  --gf-success-soft: #E2F1E7;
  --gf-danger: #BF2E28;
  --gf-danger-soft: #F8E1DF;
  --gf-warning: #8C5A00;
  --gf-warning-fill: #F2B33D;
  --gf-warning-soft: #FBEFD3;
  --gf-info: #1E5DA3;
  --gf-info-soft: #E1EBF6;
  --gf-focus: #C40F68;
  --gf-brand-asphalt: #15181B;
  --gf-brand-paint: #FF2E93;
  --gf-brand-concrete: #F1F2F0;
  --gf-brand-chalk: #FFFFFF;
  --gf-trade-electrical: #D7261E;
  --gf-trade-electrical-label: #FFFFFF;
  --gf-trade-gas-hvac: #F2C200;
  --gf-trade-gas-hvac-label: #15181B;
  --gf-trade-low-voltage: #F07F09;
  --gf-trade-low-voltage-label: #15181B;
  --gf-trade-plumbing: #1F6FD1;
  --gf-trade-plumbing-label: #FFFFFF;
  --gf-trade-site-drain: #2E9A47;
  --gf-trade-site-drain-label: #15181B;
  --gf-trade-irrigation: #7B3FB3;
  --gf-trade-irrigation-label: #FFFFFF;
  --gf-trade-layout: #FF2E93;
  --gf-trade-layout-label: #15181B;
  --gf-trade-excavation: #FFFFFF;
  --gf-trade-excavation-label: #15181B;
  --gf-space-0: 0px;
  --gf-space-1: 4px;
  --gf-space-2: 8px;
  --gf-space-3: 12px;
  --gf-space-4: 16px;
  --gf-space-5: 24px;
  --gf-space-6: 32px;
  --gf-space-7: 48px;
  --gf-space-8: 64px;
  --gf-space-9: 96px;
  --gf-radius-sm: 2px;
  --gf-radius-md: 4px;
  --gf-radius-lg: 8px;
  --gf-radius-round: 999px;
  --gf-stroke-hair: 1px;
  --gf-stroke-line: 2px;
  --gf-stroke-mark: 3px;
  --gf-stroke-bar: 4px;
  --gf-touch-min: 48px;
  --gf-touch-glove: 56px;
  --gf-touch-capture: 64px;
  --gf-shadow-float: 0 6px 20px rgba(21, 24, 27, 0.18);
  --gf-motion-fast: 100ms;
  --gf-motion-base: 160ms;
  --gf-motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --gf-font: 'Overpass', 'Helvetica Neue', Arial, sans-serif;
  --gf-sign-wght: 800; --gf-sign-tracking: -0.01em;
  --gf-heading-wght: 700; --gf-heading-tracking: -0.005em;
  --gf-body-wght: 400; --gf-body-tracking: 0em;
  --gf-strong-wght: 600; --gf-strong-tracking: 0em;
  --gf-callout-wght: 700; --gf-callout-tracking: 0.08em;
  --gf-figures-wght: 600; --gf-figures-tracking: 0em;
  --gf-size-hero: 60px; --gf-lh-hero: 60px;
  --gf-size-display: 44px; --gf-lh-display: 48px;
  --gf-size-h1: 32px; --gf-lh-h1: 36px;
  --gf-size-h2: 24px; --gf-lh-h2: 28px;
  --gf-size-h3: 18px; --gf-lh-h3: 24px;
  --gf-size-field: 18px; --gf-lh-field: 24px;
  --gf-size-body: 16px; --gf-lh-body: 24px;
  --gf-size-body-sm: 14px; --gf-lh-body-sm: 20px;
  --gf-size-callout: 12px; --gf-lh-callout: 16px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --gf-ground: #121416;
  --gf-surface: #1B1E21;
  --gf-surface-2: #24282C;
  --gf-line: #33383D;
  --gf-ink: #EEF0EE;
  --gf-muted: #A3ABB1;
  --gf-primary: #EEF0EE;
  --gf-primary-press: #D5D9D6;
  --gf-on-primary: #15181B;
  --gf-signal: #FF5FA2;
  --gf-signal-press: #FF7AB3;
  --gf-on-signal: #15181B;
  --gf-signal-soft: #3A1426;
  --gf-paint: #FF2E93;
  --gf-on-paint: #15181B;
  --gf-success: #6CC28A;
  --gf-success-soft: #17301F;
  --gf-danger: #F08A80;
  --gf-danger-soft: #3A1A18;
  --gf-warning: #F2B33D;
  --gf-warning-fill: #F2B33D;
  --gf-warning-soft: #3A2E12;
  --gf-info: #8DB8EB;
  --gf-info-soft: #15283E;
  --gf-focus: #FF5FA2;
  color-scheme: dark;
} }
:root[data-theme="dark"] {
  --gf-ground: #121416;
  --gf-surface: #1B1E21;
  --gf-surface-2: #24282C;
  --gf-line: #33383D;
  --gf-ink: #EEF0EE;
  --gf-muted: #A3ABB1;
  --gf-primary: #EEF0EE;
  --gf-primary-press: #D5D9D6;
  --gf-on-primary: #15181B;
  --gf-signal: #FF5FA2;
  --gf-signal-press: #FF7AB3;
  --gf-on-signal: #15181B;
  --gf-signal-soft: #3A1426;
  --gf-paint: #FF2E93;
  --gf-on-paint: #15181B;
  --gf-success: #6CC28A;
  --gf-success-soft: #17301F;
  --gf-danger: #F08A80;
  --gf-danger-soft: #3A1A18;
  --gf-warning: #F2B33D;
  --gf-warning-fill: #F2B33D;
  --gf-warning-soft: #3A2E12;
  --gf-info: #8DB8EB;
  --gf-info-soft: #15283E;
  --gf-focus: #FF5FA2;
  color-scheme: dark;
}