:root {
  
  --pr-tx: #E2E8F0; /*Primary text*/
  --sc-tx: #94A3B8; /*Secondary text*/
  
  --pr-bg: #0B1320; /*Primary background color*/
  --pr-ob: #E2E8F0; /*On primary background color*/
  
  --pr-cl: #4DA8DA; /*Primary color*/
  --pr-oc: #00334D; /*On primary color*/
  --pr-cn: #004F75; /*Primary container*/
  --pr-on: #C2EBFF; /*On primary container*/
  --pr-al: rgba(77, 168, 218, 0.12); /*Primary alpha*/
  
  --sc-cl: #FFB74D; /*Secondary color*/
  --sc-oc: #4E2A00; /*On secondary color*/
  --sc-cn: #7A4B00; /*Secondary container*/
  --sc-on: #FFDCA8; /*On secondary container*/
  
  --pr-sr: #111C2E; /*Primary surface*/
  --pr-os: #E2E8F0; /*On primary surface*/
  
  --sc-sr: rgba(17, 28, 46, 0.85); /*Secondary surface*/
  
  --gl-cl: #00D2ff; /*Glow color*/
  --gl-sh: inset 0 -4px 12px -6px rgba(0, 210, 255, 0.4); /*Glow shadow*/
  
  --pr-br: #2C3E50; /*Primary border*/
  --pr-hv: rgba(255, 255, 255, 0.08); /*Primary hover*/
  
  --sh-tx: 0 0 8px rgba(0, 210, 255, 0.5); /*Text shadow*/
  --sh-s1: 0 4px 6px rgba(0, 0, 0, 0.05);
  --sh-s2: 0 4px 20px rgba(0, 0, 0, 0.3);
  
  --zx-st: 200; 
}