:root {
    --font-heading: 'Rubik', sans-serif;
    --font-body: 'Rubik', sans-serif;
  
    --font-size-heading-1: 40px;
    --font-size-heading-2: 32px;
    --font-size-heading-3: 24px;
    --font-size-body-1: 16px;
    --font-size-caption-1: 12px;
    --font-size-caption-2: 10px;
  
    --line-height-heading-1: 50px;
    --line-height-heading-2: 58px;
    --line-height-heading-3: 42px;
    --line-height-body-1: 28px;
    --line-height-caption: 16px;
  
    --font-weight-regular: 400;
    --font-weight-medium: 500;
  
    --letter-spacing: 0;
  }
  
  body {
    font-family: var(--font-body);
    font-size: var(--font-size-body-1);
    line-height: var(--line-height-body-1);
    letter-spacing: var(--letter-spacing);
    color: #000;
    margin: 0;
    padding: 0;
  }
  
  h1 {
    font-family: var(--font-heading);
    font-size: var(--font-size-heading-1);
    line-height: var(--line-height-heading-1);
    font-weight: var(--font-weight-regular);
    letter-spacing: var(--letter-spacing);
  }
  
  h2 {
    font-family: var(--font-heading);
    font-size: var(--font-size-heading-2);
    line-height: var(--line-height-heading-2);
    font-weight: var(--font-weight-regular);
    letter-spacing: var(--letter-spacing);
  }
  
  h3 {
    font-family: var(--font-heading);
    font-size: var(--font-size-heading-3);
    line-height: var(--line-height-heading-3);
    font-weight: var(--font-weight-regular);
    letter-spacing: var(--letter-spacing);
  }
  
  p {
    font-family: var(--font-body);
    font-size: var(--font-size-body-1);
    line-height: var(--line-height-body-1);
    font-weight: var(--font-weight-regular);
    letter-spacing: var(--letter-spacing);
  }
  
  .caption {
    font-family: var(--font-body);
    font-size: var(--font-size-caption-1);
    line-height: var(--line-height-caption);
    font-weight: var(--font-weight-medium);
    letter-spacing: var(--letter-spacing);
  }
  
  .caption-small {
    font-family: var(--font-body);
    font-size: var(--font-size-caption-2);
    line-height: var(--line-height-caption);
    font-weight: var(--font-weight-medium);
    letter-spacing: var(--letter-spacing);
  }