:root {
  
  --p-bg:           #BBD7D0;          
  --p-bg-soft:      #E6FAF4;          
  --p-text:         #19282d;          
  --p-text-rgb:     25, 40, 45;
  
  --p-stage:        #0F151A;
  --p-stage-rgb:    15, 21, 26;
  
  --p-stage2:       #252931;          
  --p-stage2-rgb:   37, 41, 49;
  --p-stage2-deep:  #0e1217;          
  --p-text-soft:    rgba(var(--p-text-rgb), 0.65);   
  --p-accent:       #8BBC15;          
  --p-accent-rgb:   139, 188, 21;
  --p-accent-hover: #7AA512;
  --p-light:        #FFFFFF;          
  --p-light-rgb:    255, 255, 255;    

  
  --p-cell-size:   10px;   
  --p-cell-gap:    1px;    
  --p-cell-radius: 1.2px;  

  
  --p-cell-rgb:  187, 215, 208;              
  --p-cell-dim: rgba(var(--p-cell-rgb),0);      
  --p-r1:       rgba(var(--p-cell-rgb),0.25);   
  --p-r2:       rgba(var(--p-cell-rgb),0.42);
  --p-r3:       rgba(var(--p-cell-rgb),0.58);
  --p-r4:       rgba(var(--p-cell-rgb),0.72);
  --p-r5:       rgba(var(--p-cell-rgb),0.84);
  --p-r6:       rgba(var(--p-cell-rgb),0.94);
  --p-r7:       rgba(var(--p-cell-rgb),1);      

  
  --p-grid-line: rgba(var(--p-cell-rgb),0);

  
  --p-ink-dim: rgba(var(--p-text-rgb),0);
  --p-i1:      rgba(var(--p-text-rgb),0.14);   
  --p-i2:      rgba(var(--p-text-rgb),0.26);
  --p-i3:      rgba(var(--p-text-rgb),0.40);
  --p-i4:      rgba(var(--p-text-rgb),0.55);
  --p-i5:      rgba(var(--p-text-rgb),0.70);
  --p-i6:      rgba(var(--p-text-rgb),0.84);
  --p-i7:      rgba(var(--p-text-rgb),1);       
  --p-i-accent: var(--p-accent);                

  
  --p-cell-fade:            0ms;    
  --p-ripple-life-min:    2500ms;   
  --p-ripple-life-max:    5000ms;   
  --p-ripple-wave-stagger: 700ms;   
  --p-ripple-ring-width:   1.2;     

  
  --p-boot-duration:  1800ms;  
  --p-boot-stagger:    8ms;    
  --p-boot-grid-in:   200ms;   
  --p-boot-h1-in:     800ms;   
  --p-boot-h1-dur:    400ms;
  --p-boot-content-staggers: 80ms; 

  
  --p-cell-budget-max: 12000;

  
  --p-ease-ripple: cubic-bezier(0.2, 0.9, 0.25, 1);  
  --p-ease-fade:   cubic-bezier(0.4, 0, 0.2, 1);     
}


@media (max-width: 768px) {
  :root {
    --p-cell-size: 7px;
  }
}


@media (prefers-reduced-motion: reduce) {
  :root {
    --p-boot-duration: 0ms;
    --p-boot-grid-in:  0ms;
    --p-boot-h1-dur:   0ms;
    --p-boot-stagger:  0ms;
    
    --p-ripple-life-min: 9000ms;
    --p-ripple-life-max: 14000ms;
  }
}