:root{
  
  --brand:#2C3320;         
  --brand-dk:#1D2215;      
  --brand-md:#4A5238;      
  --brand-lt:#F4E4D8;      

  
  --accent:#8A3A17;        
  --accent-dk:#6A2B10;
  --accent-lt:#F4E4D8;
  --ruby:#A8432A;          

  --zest:#E07A3E;          
  --zest-lt:#FCEADF;

  
  --bg:#FFFFFF;
  --cream:#F5F2EA;         
  --ink:#1C2016;
  --muted:#5E6152;
  --line:#DAD6C8;

  
  --sans:ui-sans-serif,system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --serif:ui-sans-serif,system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;

  
  --r:8px;
  --r-sm:4px;
  --maxw:1200px;
  --shadow:0 2px 0 rgba(28,32,22,.10),0 14px 30px -20px rgba(28,32,22,.45);

  
  --deck:repeating-linear-gradient(180deg,
             rgba(255,255,255,.055) 0 2px,
             transparent 2px 42px,
             rgba(0,0,0,.55) 42px 48px),
         repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 2px,transparent 2px 9px),
         repeating-linear-gradient(90deg,#4B4A3C 0 88px,#403F32 88px 176px);

  
  --scrim-rgb:29,34,21;
  --band-rgb:29,34,21;
  --ink-rgb:28,32,22;
  --zest-rgb:224,122,62;

  --paper:#FCFBF6;
  --paper-rgb:252,251,246;

  --zest-ink:#1C2016;      
  --zest-dk:#C4622A;

  --on-brand:#E2E3D2;
  --on-brand-dim:#D6D8C4;
  --on-brand-mute:#C2C5AD;
  --on-brand-fade:#A2A68A;

  
  --hero-focus:62% 55%;
  --hero-focus-sm:64% 55%;

  --hero-band-h:auto;
}