/* Thetulepas Typography System v1.0 */
:root {
  --font-display: "Noto Serif", Georgia, "Times New Roman", serif;
  --font-ui: "Noto Sans", "Helvetica Neue", Arial, sans-serif;

  --text-display: clamp(3rem, 6vw, 5.25rem);
  --text-h1: clamp(2.5rem, 4.5vw, 4rem);
  --text-h2: clamp(2rem, 3.5vw, 3rem);
  --text-h3: clamp(1.5rem, 2.4vw, 2rem);
  --text-lead: 1.25rem;
  --text-body: 1.0625rem;
  --text-ui: 0.9375rem;
  --text-small: 0.875rem;
  --text-caption: 0.75rem;
}

.thetulepas-display {
  font-family: var(--font-display);
  font-size: var(--text-display);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
}

.thetulepas-body {
  font-family: var(--font-ui);
  font-size: var(--text-body);
  font-weight: 400;
  line-height: 1.6;
}

.thetulepas-label {
  font-family: var(--font-ui);
  font-size: var(--text-ui);
  font-weight: 600;
  line-height: 1.3;
}