:root{
  
  --brand:#1E2A33;         
  --brand-dk:#141C23;         
  --brand-md:#3D4C59;         
  --brand-lt:#DCE4EA;         

  --accent:#0F6E8C;         
  --accent-dk:#0B566E;         
  --accent-lt:#E6F1F5;         
  --ruby:#D9A21B;          

  --zest:#C2601F;         
  --zest-lt:#FBEDE1;
  --zest-ink:#1E2A33;      
  --zest-dk:#A24F17;         

  
  --bg:#FFFFFF;            
  --cream:#F1F4F6;         
  --ink:#1A2128;         
  --muted:#55636E;         
  --line:#C9D4DB;         

  
  --scrim-rgb:21,17,9;     
  --band-rgb:31,26,21;     
  --ink-rgb:26,33,40;         
  --zest-rgb:194,96,31;         

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

  
  --on-brand:#FFFFFF;
  --on-brand-dim:#E6DCCB;
  --on-brand-mute:#CFC3B2;
  --on-brand-fade:#9C8F7E;

  
  --read-low:#2E6B4F;      
  --read-watch:#D9A21B;    
  --read-act:#C0341A;      

  
  --display:ui-sans-serif,system-ui,-apple-system,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --serif:var(--display);  
  --sans:var(--display);
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;  

  
  --hazard:repeating-linear-gradient(45deg,
      var(--zest) 0 14px, var(--brand) 14px 28px);

  
  --r:0;                   
  --r-sm:0;
  --maxw:1200px;           
  --shadow:none;           

  
  --hero-focus:70% 40%;
  --hero-focus-sm:64% 44%;

  
  --hero-band-h:min(58vh,470px);
}