:root {
  

  
  --color-primary:          #4d0085;
  --color-primary-10:       rgba(77, 0, 133, 0.1);
  --color-primary-20:       rgba(77, 0, 133, 0.2);

  
  --color-heading:          #0f172a;
  --color-body:             #475569;
  --color-muted:            #94a3b8;

  
  --color-bg-page:          #f7f5f8;
  --color-bg-white:         #ffffff;

  
  --color-footer-bg:        #1b0f23;
  --color-footer-text:      #cbd5e1;
  --color-footer-heading:   #ffffff;

  
  --color-border:           rgba(77, 0, 133, 0.1);
  --color-border-footer:    rgba(255, 255, 255, 0.1);

  
  --color-header-bg:        #f7f5f8;

  

  --font-family-base:       'Inter', sans-serif;

  
  --font-size-h1:           4.5rem;      
  --font-size-h2:           2.25rem;     
  --font-size-h3:           1.875rem;    
  --font-size-h3-card:      1.25rem;     
  --font-size-logo:         1.25rem;     
  --font-size-footer-logo:  1.125rem;    
  --font-size-nav:          0.875rem;    
  --font-size-body-lg:      1.125rem;    
  --font-size-body:         1rem;        
  --font-size-sm:           0.875rem;    
  --font-size-xs:           0.75rem;     
  --font-size-stat:         2.25rem;     

  
  --font-weight-black:      900;
  --font-weight-bold:       700;
  --font-weight-semibold:   600;
  --font-weight-regular:    400;

  
  --line-height-h1:         1;           
  --line-height-h2:         1.111;       
  --line-height-h3:         1.2;         
  --line-height-h3-card:    1.4;         
  --line-height-body-lg:    1.556;       
  --line-height-body:       1.5;         
  --line-height-sm:         1.429;       
  --line-height-xs:         1.333;       
  --line-height-logo:       1.4;         

  
  --letter-spacing-heading: -0.025em;    
  --letter-spacing-logo:    -0.025em;    
  --letter-spacing-label:   0.05em;      

  

  --spacing-2:    0.125rem;   
  --spacing-4:    0.25rem;    
  --spacing-8:    0.5rem;     
  --spacing-12:   0.75rem;    
  --spacing-16:   1rem;       
  --spacing-20:   1.25rem;    
  --spacing-24:   1.5rem;     
  --spacing-28:   1.75rem;    
  --spacing-32:   2rem;       
  --spacing-40:   2.5rem;     
  --spacing-48:   3rem;       
  --spacing-64:   4rem;       
  --spacing-80:   5rem;       
  --spacing-96:   6rem;       

  

  --radius-xs:    0.125rem;   
  --radius-sm:    0.25rem;    
  --radius-md:    0.5rem;     

  

  --shadow-card:  0px 25px 50px -12px rgba(0, 0, 0, 0.25);

  

  --transition-base:   150ms ease-in-out;
  --transition-slow:   300ms ease-in-out;

  

  
  --header-height:          5.0625rem;

  
  --header-content-max-w:   76rem;       

  
  --footer-content-max-w:   80rem;       

  
  --container-padding-x:    1.5rem;      
}