@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/bricolage-grotesque-latin.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;src:url(/assets/fonts/figtree-latin.woff2) format('woff2')}

:root{
  
  --brand:#1D242C;         
  --brand-dk:#141A20;      
  --brand-md:#343E49;      
  --brand-lt:#F6E6DA;      

  --accent:#A8521C;        
  --accent-dk:#8A4214;     
  --accent-lt:#F6E6DA;     
  --ruby:#A8521C;          

  
  --zest:#FF9A2E;
  --zest-lt:#FFE6C7;
  --zest-ink:#141A20;
  --zest-dk:#FFB660;

  
  --bg:#F2F0EB;            
  --cream:#FFFFFF;         
  --surface:#FFFFFF;       
  --ink:#1A1F26;           
  --muted:#4A525C;         
  --ink-faint:#6E757E;     
  --line:#D8D4CB;          
  --on-deep:#AEB7C1;       
  --on-hero:#C3CAD2;       
  --white:#FFFFFF;
  --ok:#2E7D4F;            

  
  --yard:#EDE6D6;
  --street:#B9B4AA;
  --sidewalk:#D8D3C8;
  --tile:#E7E2D8;
  --tile-line:#D3CCBE;
  --carpet:#DCD6CB;
  --carpet-dot:#CEC6B8;
  --garage:#CFCAC0;
  --garage-dot:#BDB6AA;
  --clue:#D4C8B2;          
  --clue-line:#BFB29B;
  --garage-door:#8A8378;
  --room-label:#6E665A;
  --room-label-thermal:#C9D3F2;
  --pipes-veil:rgba(26,31,38,.55);
  --cold:#2F6FB5;
  --cold-lt:#BFD6F0;
  --hot:#C7471F;
  --hot-lt:#FFD2B8;
  --soil:#D9C8A8;
  
  --cool-1:#1E2A6B;
  --cool-2:#2B4C9A;
  --heat-0:#FFF6C8;
  --heat-1:#FFE27A;
  --heat-2:#FF9A2E;
  --heat-3:#E2412A;
  --heat-4:#7A1D5C;
  --thermal-card:rgba(15,21,64,.85);
  --hero-glow-1:rgba(226,65,42,.30);
  --hero-glow-2:rgba(255,154,46,.22);
  
  --meter-box:#2A333D;
  --meter-face:#F4F1EA;
  --meter-rim:#0F141A;
  --meter-ring:#C9C2B4;

  
  --display:"Bricolage Grotesque",system-ui,sans-serif;
  --serif:var(--display);  
  --sans:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;

  
  --r:10px;
  --r-sm:8px;
  --pill:999px;
  --maxw:1180px;
  --gut:clamp(16px,5vw,56px);
  --shadow:0 30px 60px -30px rgba(0,0,0,.7);   

  
  --scrim-rgb:20,26,32;      
  --band-rgb:29,36,44;       
  --ink-rgb:26,31,38;
  --zest-rgb:255,154,46;
  --ghost-line:rgba(255,255,255,.3);
  --ghost-hover:rgba(255,255,255,.07);
  --dark-edge:rgba(255,255,255,.14);

  --paper:#FFFFFF;
  --paper-rgb:255,255,255;

  --on-brand:#C3CAD2;
  --on-brand-dim:#AEB7C1;
  --on-brand-mute:#AEB7C1;
  --on-brand-fade:#8F9AA6;

  --hero-focus:50% 55%;
  --hero-focus-sm:50% 55%;
  --hero-band-h:min(52vh,440px);
}