/* Plumbing Roswell New Mexico — shared design tokens, imported by every website page. */
@font-face { font-family: "Montserrat"; src: url("fonts/Montserrat-Variable.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }
:root {
  --color-text: var(--color-ink);
  --color-muted: var(--color-slate);
  --color-surface: var(--color-white);
  --color-surface-alt: var(--color-mist);
  --color-border: #D9E1E6;
  --color-heading: var(--color-blue);
  --color-action: var(--color-green);
  --color-action-hover: #00512F;
  --color-on-action: var(--color-white);
  --color-focus: var(--color-blue);
  --color-error: #B32D36;
  --color-blue: #073B7A;
  --color-green: #006B3F;
  --color-white: #FFFFFF;
  --color-ink: #263440;
  --color-slate: #586671;
  --color-mist: #F5F7F8;
  --color-pale-green: #E9F3ED;
  --color-deep-green: #062F25;
  --breakpoint-mobile: 390px;
  --breakpoint-tablet: 768px;
  --breakpoint-menu: 1100px;
  --breakpoint-desktop: 1440px;
  --container-icon: 24px;
  --container-control: 52px;
  --container-reading: 640px;
  --container-content: 1200px;
  --container-sheet: 1440px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --spacing-96: 96px;
  --opacity-disabled: 40%;
  --opacity-full: 100%;
  --font-sans: "Montserrat";
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --text-caption: 14px;
  --text-ui: 16px;
  --text-body: 18px;
  --text-subheading: 24px;
  --text-heading: 32px;
  --text-title: 40px;
  --text-display: 56px;
  --text-cover: 72px;
  --tracking-display: -0.035em;
  --tracking-normal: 0em;
  --tracking-label: 0.12em;
  --leading-caption: 20px;
  --leading-ui: 24px;
  --leading-body: 28px;
  --leading-subheading: 32px;
  --leading-heading: 40px;
  --leading-title: 48px;
  --leading-display: 62px;
  --leading-cover: 76px;
  --radius-square: 0px;
  --radius-control: 4px;
  --radius-card: 8px;
  --radius-pill: 999px;
  --font-logo: "Archivo";
  --text-body-mobile: 17px;
  --text-display-mobile: 36px;
  --leading-body-mobile: 27px;
  --leading-display-mobile: 42px;
  --container-logo-mobile: 200px;
  --container-logo-desktop: 248px;
}