/*
 * Typography Scale CSS
 * Generated with Type Scale Generator
 */

@import url('./vars.css');

 :root {
  --base-size: 17px;
  --scale-ratio: 1.067;
  --body-font: "Inter";
  --body-weight: 400;
  --body-line-height: 1.5;
  --body-letter-spacing: normal;
  --body-color: var(--color-default);
  --body-background: #FBFBFB;
  
  --heading-font: var(--body-font);
  --heading-weight: 700;
  --heading-line-height: 1.25;
  --heading-letter-spacing: normal;
  --heading-color: #ff6b35;
}

/* Base styles */
body {
  font-family: var(--body-font);
  font-size: var(--base-size);
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  color: var(--body-color);
  background: var(--body-background);
}

/* Type scale */
.smallest { font-size: 0.878rem; }
.caption { font-size: 0.937rem; }
.body { font-size: 1rem; }
h6 { font-size: 1.067rem; }
h5 { font-size: 1.138rem; }
h4 { font-size: 1.215rem; }
h3 { font-size: 1.296rem; }
h2 { font-size: 1.383rem; }
h1 { font-size: 1.476rem; }

/* Headings */
h6, h5, h4, h3, h2, h1 {
  font-family: var(--heading-font);
  font-weight: var(--heading-weight);
  line-height: var(--heading-line-height);
  letter-spacing: var(--heading-letter-spacing);
  color: var(--heading-color);
}

a {
  color: var(--color-primary);
}

h2 a {
  color: var(--heading-color);
}