/* Syed’s Driving School UI typography system — v0.2.95 */

:root {
  --sds-type-body-size: 16px;
  --sds-type-body-weight: 400;
  --sds-type-small-size: 13px;
  --sds-type-label-weight: 500;
  --sds-type-button-weight: 600;
  --sds-type-heading-weight: 600;
}

body {
  font-size: var(--sds-type-body-size);
  font-weight: var(--sds-type-body-weight);
}

p,
li,
input,
select,
textarea {
  font-weight: 400;
}

small,
.sds-meta,
[class*="__description"],
[class*="__intro"] {
  font-weight: 400;
}

label,
label > span,
.eyebrow,
[class*="__eyebrow"],
[class*="-eyebrow"],
[class*="__label"],
[class*="-label"] {
  font-weight: var(--sds-type-label-weight);
}

button,
input[type="submit"],
input[type="button"],
[class*="button"],
[class*="__button"],
.sds-book-button {
  font-weight: var(--sds-type-button-weight);
}

h1,
h2,
h3,
h4,
h5,
h6,
[class*="__title"] {
  font-weight: var(--sds-type-heading-weight);
}

.sds-homepage .sds-hero__title {
  font-size: clamp(52px,5vw,60px);
  font-weight: 620;
  line-height: 1.05;
}

main h2,
.site-main h2 {
  font-size: clamp(36px,3.8vw,44px);
  font-weight: 600;
  line-height: 1.12;
}

article h3,
[class*="card"] h3 {
  font-weight: 600;
}

.sds-site-header a,
.sds-site-footer a,
.sds-primary-nav a {
  font-weight: 500;
}

.sds-site-footer strong {
  font-weight: 600;
}

@media (max-width: 680px) {
  body {
    font-size: 15px;
  }

  .sds-homepage .sds-hero__title,
  .site-main h1 {
    font-size: clamp(38px,10vw,44px);
    font-weight: 600;
  }

  main h2,
  .site-main h2 {
    font-size: clamp(30px,8vw,38px);
  }
}