/* Pecos Mutual — generated from tokens.json */
:root, [data-theme="light"] {
  --midnight: #182538;
  --navy: #003767;
  --blue: #0063b8;
  --sky: #57b6ff;
  --gold: #ffc322;
  --orange: #e36f1e;
  --orange-dark: #cf5e0e;
  --orange-text: #b8540c;
  --ink: #37404c;
  --body: #86878c;
  --body-accessible: #6b6e73;
  --body-light: #bac0c9;
  --black: #000000;
  --white: #ffffff;
  --surface-alt: #f2f5fa;
  --surface-tint: #f4f7fa;
  --border: #d0d4d9;
  --rule: #c4c4c4;
  --orange-tint: #fff3eb;
  --teal: #009b7f;
  --focus: #0063b8;
  --shadow-card-hover: 0 4px 4px #00000033;
}
:root {
  --space-tiny: 8px;
  --space-small: 24px;
  --space-card: 33px;
  --space-med: 40px;
  --space-60: 60px;
  --space-70: 70px;
  --space-80: 80px;
  --space-card-tall: 90px;
  --space-section: 100px;
  --space-masthead: 122px;
  --container-max: 1200px;
  --radius-none: 0;
  --radius-sm: 4px;
  --radius-pill: 100px;
  --font-headline: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: Montserrat, "Helvetica Neue", Arial, sans-serif;
  --font-ui: "Open Sans", "Helvetica Neue", Arial, sans-serif;
}
.h1 { font-family: var(--font-headline); font-size: 64px; line-height: 1; font-weight: 700; letter-spacing: 3.84px; }
.h2 { font-family: var(--font-headline); font-size: 48px; line-height: 1.1; font-weight: 700; letter-spacing: 0.96px; }
.stat { font-family: var(--font-headline); font-size: 72px; line-height: 1; font-weight: 700; }
.eyebrow { font-family: var(--font-body); font-size: 20px; line-height: 20px; font-weight: 500; letter-spacing: 0.4px; }
.card-heading { font-family: var(--font-body); font-size: 22px; line-height: 1.35; font-weight: 500; letter-spacing: 0.44px; }
.body { font-family: var(--font-body); font-size: 14px; line-height: 1.55; font-weight: 400; letter-spacing: 0.28px; }
.quicklink { font-family: var(--font-body); font-size: 15px; line-height: 22.5px; font-weight: 400; letter-spacing: 0.3px; }
.button { font-family: var(--font-body); font-size: 16px; line-height: 20px; font-weight: 600; letter-spacing: 1.28px; }
.link-bold { font-family: var(--font-body); font-size: 14px; line-height: 1.55; font-weight: 700; }
.nav { font-family: var(--font-ui); font-size: 20px; line-height: 30px; font-weight: 400; }
.nav-utility { font-family: var(--font-ui); font-size: 16px; line-height: 24px; font-weight: 600; }
.footer-heading { font-family: var(--font-ui); font-size: 20px; line-height: 28px; font-weight: 400; }
.footer-link { font-family: var(--font-ui); font-size: 16px; line-height: 24px; font-weight: 600; }
.legal { font-family: var(--font-ui); font-size: 12px; line-height: 18px; font-weight: 400; }