/* ============================================
   HVAC-DMV — Daylight Teal
   Loaded last on every page. Overrides only tokens.
   ============================================ */
@font-face{font-family:'Geist';src:url('/fonts/Geist[wght].ttf') format('truetype-variations');font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('/fonts/GeistMono[wght].ttf') format('truetype-variations');font-weight:100 900;font-display:swap}
:root{
  /* ground */
  --t-paper:#F4F6F7;
  --t-paper-2:#EAEFF0;
  --t-paper-3:#DFE6E7;
  --t-card:#FFFFFF;
  /* ink */
  --t-ink:#101614;
  --t-ink-soft:#39423F;
  --t-ink-mute:#55605C;
  /* rules */
  --t-rule:#D3DBDA;
  --t-rule-strong:#B4C1BF;
  /* brand */
  --t-teal:#0E7A70;
  --t-teal-deep:#08514B;
  --t-teal-soft:#63B0A9;
  --t-teal-bg:#E3EFEE;
  --t-gold:#C9A65B;
  --t-gold-ink:#7A5C28;
  --t-gold-hi:#F1E1B0;
  --t-gold-bg:#F6EEDB;
  --t-good:#2F7D5B;
  --t-good-bg:#E4EFE9;
  /* type */
  --t-sans:'Geist',-apple-system,BlinkMacSystemFont,sans-serif;
  --t-mono:'Geist Mono',ui-monospace,Menlo,monospace;
}
/* ---- alias the OLD variable names used across the site ---- */
:root{
  --paper:var(--t-paper);
  --paper-deep:var(--t-paper-2);
  --paper-deeper:var(--t-paper-3);
  --paper2:var(--t-paper-2);
  --card:var(--t-card);
  --ink:var(--t-ink);
  --ink-soft:var(--t-ink-soft);
  --ink-mute:var(--t-ink-mute);
  --muted:var(--t-ink-mute);
  --rule:var(--t-rule);
  --rule-strong:var(--t-rule-strong);
  --line:var(--t-rule);
  --line2:var(--t-rule-strong);
  /* the old theme's orange primary becomes teal; teal becomes deep teal; mustard becomes gold */
  --hot:var(--t-teal);
  --hot-deep:var(--t-teal-deep);
  --hot-soft:var(--t-teal-soft);
  --hot-bg:var(--t-teal-bg);
  --cool:var(--t-teal-deep);
  --cool-soft:var(--t-teal-soft);
  --cool-bg:var(--t-teal-bg);
  --highlight:var(--t-gold);
  --highlight-soft:var(--t-gold-hi);
  --highlight-bg:var(--t-gold-bg);
  --mustard:var(--t-gold);
  /* buying guide's stage colors: keep three distinguishable steps inside the family */
  --single:var(--t-gold-ink);
  --single-bg:var(--t-gold-bg);
  --two:var(--t-gold);
  --two-bg:var(--t-gold-bg);
  --vari:var(--t-teal);
  --vari-bg:var(--t-teal-bg);
  --good:var(--t-good);
  --good-bg:var(--t-good-bg);
  /* no serif in this theme */
  --serif:var(--t-sans);
  --sans:var(--t-sans);
  --mono:var(--t-mono);
}
body{font-family:var(--t-sans);font-variant-numeric:tabular-nums}
/* the old theme leaned on serif display type; normalize weight so Geist reads right */
h1,h2,h3,.display-1,.display-2,.display-3,.brand{font-family:var(--t-sans);font-weight:500;letter-spacing:-.02em}
h1{letter-spacing:-.03em}
/* square the corners; the old theme mixed radii */
.btn,.btn-hot,.btn-outline,.btn-ghost,.btn-large,.inline-form-input,.inline-form-submit{border-radius:8px}
/* gold is trim, never a surface and never a button */
.btn-hot{background:var(--t-teal);color:#fff;box-shadow:none}
.btn-outline{background:transparent;color:var(--t-ink);box-shadow:inset 0 0 0 1px var(--t-rule-strong)}
/* header: quiet, hairline, no shadow */
.header{background:rgba(244,246,247,.93);border-bottom:1px solid var(--t-rule)}
.brand-mark{background:var(--t-teal);color:#fff}
/* footer: deep teal field with the lattice, matching the homepage hero */
.footer{background:linear-gradient(180deg,var(--t-teal),var(--t-teal-deep));color:#fff;position:relative;overflow:hidden}
.footer::before{content:"";position:absolute;inset:0;opacity:.07;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M14 0L28 14L14 28L0 14Z' fill='none' stroke='white' stroke-width='1'/%3E%3C/svg%3E")}
.footer>*{position:relative}
.footer a{color:rgba(255,255,255,.82)}
.footer a:hover{color:#fff}
.footer-licenses,.footer-bottom{color:rgba(255,255,255,.6);border-top-color:rgba(241,225,176,.28)}
/* section labels and eyebrows take the gold ink */
.eyebrow,.section-label,.section-num,.trust-eye,.info-panel-eye,.inline-form-eye{color:var(--t-gold-ink)}
.section-label-line,.hero-rule{background:var(--t-gold)}
/* trust strip */
.trust-strip{background:var(--t-paper-2);color:var(--t-ink);border-top:1px solid var(--t-rule);border-bottom:1px solid var(--t-rule)}
.trust-val{color:var(--t-ink)}
/* homepage footer uses more-specific .footer-col rules; keep type light on the teal field */
.footer-col h4,.footer-col-title{color:var(--t-gold-hi);border-bottom-color:rgba(241,225,176,.28)}
.footer a,.footer-col a,.sister-link a,.footer-disclosure a{color:rgba(255,255,255,.82)}
.footer a:hover,.footer-col a:hover,.sister-link a:hover{color:#fff}
.footer-disclosure,.footer-meta,.sister-eyebrow,.sister-sub{color:rgba(255,255,255,.7)}
.sister-link a{color:#fff}
/* buying guide uses <header> and .site-footer instead of .header/.footer */
header{background:rgba(244,246,247,.93);border-bottom:1px solid var(--t-rule)}
.site-footer{background:linear-gradient(180deg,var(--t-teal),var(--t-teal-deep));color:#fff;position:relative;overflow:hidden}
.site-footer::before{content:"";position:absolute;inset:0;opacity:.07;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M14 0L28 14L14 28L0 14Z' fill='none' stroke='white' stroke-width='1'/%3E%3C/svg%3E")}
.site-footer>*{position:relative}
.site-footer a{color:rgba(255,255,255,.82)}
.site-footer a:hover{color:#fff}
.sf-brand,.sf-phone{color:#fff}
.sf-col h4{color:var(--t-gold-hi)}
.sf-tag,.sf-disclosure,.sf-bottom{color:rgba(255,255,255,.6)}
.pill.hot,.hero-eyebrow-row .pill.hot{color:var(--t-teal-deep);background:var(--t-teal-bg);border-color:var(--t-teal-soft)}
.drawer:not(.open){visibility:hidden}