/* SCHEELEN® — Typography
   One typeface: Gordita. Headlines are UPPERCASE, heavy, tight.
   Body is sentence-case, regular/light. */

:root {
  /* Family */
  --font-sans: "Gordita", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-display: var(--font-sans);
  --font-body: var(--font-sans);

  /* Weights */
  --fw-light: 300;   /* @kind font */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500;  /* @kind font */
  --fw-bold: 700;    /* @kind font */
  --fw-black: 900;   /* @kind font */

  /* Display / heading weight defaults */
  --fw-heading: 700;     /* @kind font */
  --fw-heading-xl: 900;  /* @kind font */

  /* Type scale (rem; 1rem = 16px) */
  --text-2xs:  0.75rem;  /* 12px — legal / micro */
  --text-xs:   0.8125rem;/* 13px — captions, footer */
  --text-sm:   0.9375rem;/* 15px — small body */
  --text-base: 1.0625rem;/* 17px — body */
  --text-md:   1.25rem;  /* 20px — lead / large body */
  --text-lg:   1.625rem; /* 26px — card title */
  --text-xl:   2.25rem;  /* 36px — section heading */
  --text-2xl:  3rem;     /* 48px — big heading */
  --text-3xl:  4.25rem;  /* 68px — hero */
  --text-4xl:  6rem;     /* 96px — XXL display */

  /* Eyebrow / kicker */
  --text-eyebrow: 0.9375rem;

  /* Line heights */
  --leading-tight: 0.98;   /* @kind other */
  --leading-snug: 1.12;    /* @kind other */
  --leading-normal: 1.5;   /* @kind other */
  --leading-relaxed: 1.62; /* @kind other */

  /* Letter spacing */
  --tracking-tight: -0.01em;  /* @kind other */
  --tracking-normal: 0;       /* @kind other */
  --tracking-wide: 0.04em;    /* @kind other */
  --tracking-wider: 0.08em;   /* @kind other */
}

/* ---- Reusable text roles (optional helper classes) ---- */
.sch-eyebrow {
  font-family: var(--font-sans);
  font-weight: var(--fw-bold);
  font-size: var(--text-eyebrow);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--eyebrow);
  line-height: 1.2;
}
.sch-heading {
  font-family: var(--font-display);
  font-weight: var(--fw-heading);
  text-transform: uppercase;
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-snug);
}
.sch-display {
  font-family: var(--font-display);
  font-weight: var(--fw-heading-xl);
  text-transform: uppercase;
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
}
.sch-body {
  font-family: var(--font-body);
  font-weight: var(--fw-regular);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
}
.sch-quote {
  font-family: var(--font-body);
  font-weight: var(--fw-medium);
  color: var(--text-quote);
  line-height: 1.42;
}