@property --gx { syntax: "<number>"; inherits: true;  initial-value: 0; }
@property --gy { syntax: "<number>"; inherits: true;  initial-value: 0; }
@property --mx { syntax: "<number>"; inherits: true;  initial-value: 0; }
@property --my { syntax: "<number>"; inherits: true;  initial-value: 0; }
@property --z  { syntax: "<number>"; inherits: false; initial-value: 1; }
@property --zh { syntax: "<number>"; inherits: false; initial-value: 1; }
@property --wzmocnienie { syntax: "<number>"; inherits: true; initial-value: 1; }

:root {

	

	--marka-zielen:      rgba(0, 235, 150, 1);   
	--marka-blekit:      rgba(0, 190, 245, 1);   
	--marka-gradient:    linear-gradient(135deg, var(--marka-zielen) 0%, var(--marka-blekit) 100%);

	
	--marka-gradient-os: linear-gradient(90deg, var(--marka-zielen) 0%, var(--marka-blekit) 100%);

	--kolor-akcent:      #00EAFF;   

	

	--piksel-1:          #7BE04F;   
	--piksel-2:          #00EB96;   
	--piksel-3:          #2BDCA8;   
	--piksel-4:          #00D2D2;   
	--piksel-5:          #00BEF5;   
	--piksel-6:          #0090C8;   
	--piksel-7:          #0070A8;   
	--piksel-8:          #E6F4F4;   

	

	--kolor-granat:      #041326;   
	--kolor-tekst:       #383838;   
	--kolor-wlos:        #D9DADA;   
	--kolor-mgla:        #EBECEC;   
	--kolor-papier:      #FFFFFF;

	

	--kolor-blad:        #D13B00;   
	--kolor-fokus:       var(--kolor-granat);   

	

	--nakladka-tusz:     rgba(0, 0, 0, 0.8);
	--nakladka-las:      rgba(2, 75, 33, 0.75);
	--nakladka-welon:    rgba(0, 0, 0, 0.75);
	--nakladka-podpis:   linear-gradient(0deg,
	                        var(--nakladka-tusz) 0%,
	                        var(--nakladka-las) 50%,
	                        rgba(0, 234, 255, 0) 100%);

	

	--ruch-odpowiedz:    0.12s;   
	--ruch-stan:         0.25s;   
	--ruch-dok:          0.3s;    
	--ruch-wypelnienie:  0.5s;    

	--ruch-krzywa:       cubic-bezier(0.16, 1, 0.3, 1);    
	--ruch-krzywa-przejazd: cubic-bezier(0.35, 0.15, 0.55, 0.9);  

	

	--tresc-siatka:      1700px;
	--tresc-czytanie:    1100px;

	

	--promien:           0;

	

	
	--foto-kanaly:       42 95 143;
	--foto-zabarwienie:  rgb(var(--foto-kanaly));
	--foto-zaslona:      rgb(var(--foto-kanaly) / var(--foto-splaszczenie));

	
	--foto-przyciemnienie-kanaly: 4 19 38;

	--foto-moc:           1;
	--foto-splaszczenie:  0.35;
	--foto-przyciemnienie: 0.71;
	--foto-grunt:          0.80;

	

	--kreska-wlos:       1.5px;  
	--kreska:            2px;    
	--kreska-gruba:      3px;    

	--kreska-rama:       6px;    
	--cel-dotyku:        44px;   
}