:root {
  --font-family-primary: Inter;
  --font-letter-spacing-xs: -1px;
  --font-letter-spacing-sm: -0.20000000298023224px;
  --font-letter-spacing-md: 0.20000000298023224px;
  --font-letter-spacing-lg: 2px;
  --spacing-sm: var(--number-xs);
  --spacing-base: var(--number-base);
  --spacing-md: var(--number-xl);
  --spacing-lg: var(--number-2xl);
  --spacing-xl: var(--number-4xl);
  --spacing-2xl: var(--number-5xl);
  --spacing-3xl: var(--number-6xl);
  --spacing-4xl: var(--number-7xl);
  --spacing-5xl: var(--number-8xl);
  --spacing-6xl: var(--number-9xl);
  --font-family-secondary: Inter;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-size-xxs: var(--number-md);
  --font-size-xs: var(--number-lg);
  --font-size-sm: var(--number-xl);
  --font-size-base: var(--number-2xl);
  --font-size-md: var(--number-3xl);
  --font-size-lg: var(--number-5xl);
  --font-size-xl: var(--number-6xl);
  --font-line-height-xs: var(--number-2xl);
  --font-line-height-sm: var(--number-3xl);
  --font-line-height-base: var(--number-4xl);
  --font-line-height-md: var(--number-5xl);
  --font-line-height-lg: var(--number-6xl);
  --font-line-height-xl: var(--number-7xl);
}

@media (max-width: 600px) {
  /* Responsive - Mobile */
  :root {
    --font-family-primary: Inter;
    --font-letter-spacing-xs: -1px;
    --font-letter-spacing-sm: -0.20000000298023224px;
    --font-letter-spacing-md: 0.20000000298023224px;
    --font-letter-spacing-lg: 2px;
    --spacing-sm: var(--number-xs);
    --spacing-base: var(--number-base);
    --spacing-md: var(--number-xl);
    --spacing-lg: var(--number-2xl);
    --spacing-xl: var(--number-4xl);
    --spacing-2xl: var(--number-4xl);
    --spacing-3xl: var(--number-6xl);
    --spacing-4xl: var(--number-7xl);
    --spacing-5xl: var(--number-8xl);
    --spacing-6xl: var(--number-9xl);
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-size-xxs: var(--number-md);
    --font-size-xs: var(--number-lg);
    --font-size-sm: var(--number-xl);
    --font-size-base: var(--number-xl);
    --font-size-md: var(--number-2xl);
    --font-size-lg: var(--number-4xl);
    --font-size-xl: var(--number-5xl);
    --font-line-height-xs: var(--number-2xl);
    --font-line-height-sm: var(--number-3xl);
    --font-line-height-base: var(--number-4xl);
    --font-line-height-md: var(--number-4xl);
    --font-line-height-lg: var(--number-4xl);
    --font-line-height-xl: var(--number-5xl);
  }
}