:root {
  
  --c-gold:    #FCB614;               
  --c-black:   #000000;               
  --c-teal:    #22586E;               
  --c-maroon:  #772935;               
  --c-taupe:   #C1BDB5;               
  --c-mint:    #81BFA5;               
  --c-gray10:  #63666A;               
  --c-paper:   #FFFFFF;               
  --c-olive:   #2B3908;               

  
  
  --surface-paper:   var(--c-paper);
  --on-paper:        var(--c-black);   
  --surface-gold:    var(--c-gold);
  --on-gold:         var(--c-black);   
  --surface-taupe:   var(--c-taupe);
  --on-taupe:        var(--c-black);   
  --surface-mint:    var(--c-mint);
  --on-mint:         var(--c-black);   
  --surface-teal:    var(--c-teal);
  --on-teal:         var(--c-paper);   
  --surface-maroon:  var(--c-maroon);
  --on-maroon:       var(--c-paper);   
  --surface-ink:     var(--c-black);
  --on-ink:          var(--c-paper);   

  
  --text-muted:      var(--c-gray10);   
  --text-teal:       var(--c-teal);   
  --text-maroon:     var(--c-maroon);   
  --text-body:      var(--c-black);

  
  
  
  
  

  
  
  --font-display: "Graphik", "Graphik Fallback", Helvetica, Arial, sans-serif;
  --font-body:    "DM Sans", "DM Sans Fallback", Helvetica, Arial, sans-serif;
  --font-quote:   "Lora", Georgia, "Times New Roman", serif;
  --weight-display: 700;

  
  
  --text-base: clamp(1.0000rem, 0.9536rem + 0.1905vw, 1.1250rem);
  --step-1: clamp(1.2500rem, 1.1571rem + 0.3810vw, 1.5000rem);  
  --step-2: clamp(1.5625rem, 1.4000rem + 0.6667vw, 2.0000rem);  
  --step-3: clamp(2.1250rem, 1.8000rem + 1.3333vw, 3.0000rem);  
  --step-4: clamp(2.7500rem, 1.9143rem + 3.4286vw, 5.0000rem);  
  --leading-display: 1.0;    
  --leading-body: 1.55;      

  
  
  --space-unit: var(--text-base);
  --space-3xs: calc(var(--space-unit) * 0.25);
  --space-2xs: calc(var(--space-unit) * 0.5);
  --space-xs:  calc(var(--space-unit) * 0.75);
  --space-s:   calc(var(--space-unit) * 1);
  --space-m:   calc(var(--space-unit) * 1.5);
  --space-l:   calc(var(--space-unit) * 2);
  --space-xl:  calc(var(--space-unit) * 3);
  --space-2xl: calc(var(--space-unit) * 4);
  --space-3xl: calc(var(--space-unit) * 6);
  

  
  
  
  --grid-cols: 4;
  --grid-gutter: clamp(1.0000rem, 0.4429rem + 2.2857vw, 2.5000rem);
  --bp-md: 600px;   
  --bp-lg: 1024px;  
  --margin-inline: max(1.25rem, 4.5063vw);   
  
  --stripe: max(0.625rem, 1.1364vw);   
  --page-aspect: 792 / 612;   
  --measure: 68ch;            

  
  
  --focus-ring: var(--c-gold);
  --focus-halo: var(--c-black);
  --focus-width: 3px;
  --focus-offset: 2px;

  
  --target-min: 24px;
}

@media (min-width: 600px) { :root { --grid-cols: 8; } }
@media (min-width: 1024px) { :root { --grid-cols: 12; } }


@media (prefers-reduced-motion: reduce) {
  :root { --motion: 0; }
}
@media (prefers-reduced-motion: no-preference) {
  :root { --motion: 1; }
}