:root {
  --color-accent: #78ccb2; 
  --color-ink: #151515;          
  --color-paper: #ffffff;
  --color-surface: #efefef;      
  --color-text: #151515;
  --color-text-on-dark: #ffffff;
  --color-text-muted: #6b6b6b
  --color-link: #ff8562;         
  --color-focus: #2015ff;  

  --font-body: 'Montserrat', Arial, sans-serif;
  --font-display: 'Advaken Sans', 'Golos Text', Arial, sans-serif; 
  --font-heading: 'Golos Text', Arial, sans-serif;                 

  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-h1: 4rem;     
  --fs-h2: 2rem;
  --fs-h3: 1.5rem;
  --line-height-body: 1.5;
  --line-height-heading: 1.2;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  --container-max: 1400px;
  --container-pad-inline: var(--space-4);
  --header-height: 64px;     
  --radius: 12px;

  --duration-menu: 280ms;
  --easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {
  :root {
    --container-pad-inline: var(--space-8);
  }
}

@media (min-width: 1024px) {
  :root {
    --header-height: 68px;       
  }
}