:root{
  
  --brand:#2B2230;         
  --brand-dk:#1C1520;      
  --brand-md:#463A4D;      
  --brand-lt:#ECE6F1;      

  --accent:#6B3FA0;        
  --accent-dk:#53307E;     
  --accent-lt:#F1EBF8;     
  --ruby:#B9A6D6;          

  --zest:#8FD3EC;          
  --zest-lt:#E9F6FB;
  --zest-ink:#2B2230;      
  --zest-dk:#62BFE0;       

  
  --bg:#FFFFFF;            
  --cream:#F5F3F8;         
  --ink:#221B28;           
  --muted:#5B5366;         
  --line:#DCD6E4;          

  
  --scrim-rgb:26,20,31;    
  --band-rgb:43,34,48;     
  --ink-rgb:34,27,40;      
  --zest-rgb:143,211,236;  

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

  
  --on-brand:#FFFFFF;
  --on-brand-dim:#E4DCEA;
  --on-brand-mute:#C9BED3;
  --on-brand-fade:#948AA0;

  
  --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);
}