:root {
  
  --ground:        #F2F5F7;  
  --ground-cool:   #D5DDE3;  
  --sheet:         #FFFFFF;  
  --deep:          #1B2126;  

  
  --ink:           #16191C;  
  --ink-muted:     #55606C;  
  --ink-dim:       #7C8894;  
  --moon:          #F2F5F7;  
  --moon-muted:    rgba(242,245,247,.62);

  
  --accent:        #3B82C4;  
  --accent-lit:    #7FB3E0;  
  --accent-deep:   #2E6D9C;  

  
  --rule-soft:     rgba(22,25,28,.08);   
  --rule:          rgba(22,25,28,.16);   
  --rule-moon:     rgba(242,245,247,.20);

  
  --scrim:         rgba(242,245,247,.72);
  --scrim-heavy:   rgba(242,245,247,.94);
  
  --scrim-floor:   rgba(242,245,247,.04);
  
  --shadow-text:   0 1px 2px rgba(22,25,28,.16);

  
  --font-display: "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
  --font-body:    "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
  --font-mono:    "Consolas", "Cascadia Mono", ui-monospace, monospace;

  
  --fs-h1:    clamp(2.6rem, 5.2vw, 4.25rem);
  --fs-h2:    clamp(1.75rem, 2.6vw, 2.375rem);
  --fs-h3:    1.3125rem;
  --fs-body:  1.0625rem;   
  --fs-small: 0.9375rem;
  --fs-micro: 0.8125rem;
  --fs-label: 0.6875rem;   

  
  --fs-figure: clamp(2.5rem, 4vw, 3.5rem);

  
  --r-flat: 0;
  --r-card: 4px;
  --r-md:   8px;

  
  --sp-1: .25rem;  --sp-2: .5rem;   --sp-3: .75rem;  --sp-4: 1rem;
  --sp-6: 1.5rem;  --sp-8: 2rem;    --sp-12: 3rem;   --sp-16: 4rem;
  --sp-24: 6rem;   --sp-32: 8rem;

  
  --wrap:     1240px;
  --wrap-txt: 68ch;      
  --head-h:   76px;      
}


.band--deep,
.site-foot,
.cert-wall {
  --ink:        var(--moon);
  --ink-muted:  var(--moon-muted);
  --accent:     var(--accent-lit);
  --rule:       var(--rule-moon);
  --rule-soft:  var(--rule-moon);
  background:   var(--deep);
  color:        var(--moon);
}