@use '../mixins/breakpoints.scss';

:root, ::before, ::after {
  // Fonts
  --font-heading: var(--font-text);
  --font-subheading: var(--font-text);
  --font-text: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

  // Weights
  --font-weight-bold: 500;
  --font-weight-normal: 500;

  // Sizes
  --font-size-1: 12px;
  --font-size-2: 14px;
  --font-size-3: 16px;
  --font-size-4: 18px;
  --font-size-5: 20px;
  --font-size-6: 24px;
  --font-size-7: 28px;
  --font-size-8: 34px;
  --font-size-9: 40px;
  --font-size-10: 48px;

  @include breakpoints.after-md {
    //TODO... font sizes for desktop
  }
}