/* Katy Water Pros tokens: option 4 Ripple Waterline (Ripple palette and type, Waterline mark). Swap this file to swap brands. Font paths are relative to brand/option-N-slug/; copy _fonts with it. */
@font-face { font-family: "Barlow Condensed"; src: url("fonts/BarlowCondensed-ExtraBold.woff") format("woff"); font-weight: 800; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("fonts/BarlowCondensed-Bold.woff") format("woff"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("fonts/BarlowCondensed-SemiBold.woff") format("woff"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("fonts/Barlow-Regular.woff") format("woff"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("fonts/Barlow-Medium.woff") format("woff"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("fonts/Barlow-SemiBold.woff") format("woff"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("fonts/Barlow-Bold.woff") format("woff"); font-weight: 700; font-display: swap; }

:root {
  --kwp-bg: #F4F7F5;
  --kwp-surface: #FFFFFF;
  --kwp-ink: #0B2B27;
  --kwp-ink-muted: #475D58;
  --kwp-primary: #0F6B58;
  --kwp-primary-hover: #0B5444;
  --kwp-on-primary: #FFFFFF;
  --kwp-cta: #FFC933;
  --kwp-on-cta: #0B2B27;
  --kwp-accent: #5FE3B8;
  --kwp-accent-deep: #1AA57F;
  --kwp-water: #12906A;
  --kwp-border: #D3E0DB;
  --kwp-dark-bg: #0B2B27;
  --kwp-dark-bg-2: #123D37;
  --kwp-on-dark: #F1FAF6;
  --kwp-on-dark-muted: #A6C7BE;
  --kwp-font-display: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;
  --kwp-font-body: 'Barlow', 'Helvetica Neue', Arial, sans-serif;
  --kwp-display-weight: 800;
  --kwp-text-xs: 0.8125rem;
  --kwp-text-sm: 0.9375rem;
  --kwp-text-base: 1.0625rem;
  --kwp-text-lg: 1.25rem;
  --kwp-text-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  --kwp-text-2xl: clamp(2rem, 1.4rem + 2.4vw, 3rem);
  --kwp-text-hero: clamp(2.25rem, 1.2rem + 4.2vw, 4.5rem);
  --kwp-leading-body: 1.55;
  --kwp-leading-tight: 1.05;
  --kwp-radius: 6px;
  --kwp-radius-pill: 999px;
  --kwp-tap-min: 56px;
}