:root {
  --color-primary: #0A192F;
  --color-secondary: #64FFDA;
  --color-light: #CCD6F6;
  --color-muted: #8892B0;
  --color-dark: #020C1B;
  --color-surface: rgba(100, 255, 218, 0.03);
  --color-surface-hover: rgba(100, 255, 218, 0.08);
  --color-tag-bg: rgba(100, 255, 218, 0.1);

  --font-sans: 'Poppins', system-ui, -apple-system, sans-serif;
  --font-display: 'fast-trackregular', serif;

  --fs-xs: 0.85rem;
  --fs-sm: 0.95rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.75rem;
  --fs-hero: clamp(2.5rem, 5vw, 4rem);
  --fs-section: clamp(1.75rem, 3vw, 2.25rem);

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 20px;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 6rem;

  --container-max: 1200px;
  --section-padding: 6rem 5%;

  --transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  --header-height: 80px;
  --z-header: 1000;
  --z-particles: 1;
  --z-content: 2;
}

@font-face {
  font-family: 'fast-trackregular';
  src: url('../font/fast-track-webfont.woff2') format('woff2'),
       url('../font/fast-track-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}