/* Landing typography — aligned with app onboarding (src/index.css) */

:root {
  --onboarding-heading-lg-size: 1.5rem;
  --onboarding-heading-lg-weight: 600;
  --onboarding-heading-lg-tracking: -0.3px;
  --onboarding-heading-md-size: 1rem;
  --onboarding-heading-md-weight: 600;
  --onboarding-body-md-size: 1rem;
  --onboarding-body-md-weight: 400;
  --onboarding-body-md-color: #5a5656;
}

.onboarding-typography {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 14px;
}

@media (min-width: 640px) {
  .onboarding-typography {
    font-size: 15px;
  }
}

.onboarding-typography label,
.onboarding-typography input,
.onboarding-typography select,
.onboarding-typography textarea,
.onboarding-typography p,
.onboarding-typography span,
.onboarding-typography a,
.onboarding-typography li,
.onboarding-typography button {
  font-family: inherit;
}

.onboarding-heading-lg {
  font-family: "Inter", system-ui, sans-serif;
  font-size: var(--onboarding-heading-lg-size);
  font-weight: var(--onboarding-heading-lg-weight);
  letter-spacing: var(--onboarding-heading-lg-tracking);
  line-height: 1.3;
}

.onboarding-heading-md {
  font-family: "Inter", system-ui, sans-serif;
  font-size: var(--onboarding-heading-md-size);
  font-weight: var(--onboarding-heading-md-weight);
  line-height: 1.4;
}

.onboarding-body-md {
  font-family: "Inter", system-ui, sans-serif;
  font-size: var(--onboarding-body-md-size);
  font-weight: var(--onboarding-body-md-weight);
  color: var(--onboarding-body-md-color);
  line-height: 1.5;
}

.onboarding-field-label {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 400;
}

@media (min-width: 1024px) {
  .onboarding-field-label {
    font-size: 1.125rem;
  }
}

@media (min-width: 1280px) {
  .onboarding-field-label {
    font-size: 1.25rem;
  }
}

.section-title {
  font-family: "Inter", system-ui, sans-serif;
  font-size: var(--onboarding-heading-md-size);
  font-weight: var(--onboarding-heading-md-weight);
  line-height: 1.4;
  margin-bottom: 12px;
}

/* Marketing display headings — Inter only, larger scale for landing heroes */
.landing-philosophy-heading {
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: -0.3px;
  line-height: 1.3;
}

.landing-philosophy-quote {
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 400;
  font-style: italic;
  line-height: 1.5;
}

.landing-display-heading {
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

/* Footer — aligned with onboarding type scale */
.landing-footer {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

@media (min-width: 640px) {
  .landing-footer {
    font-size: 15px;
  }
}

.landing-footer h2,
.landing-footer h3,
.landing-footer p,
.landing-footer a,
.landing-footer label,
.landing-footer span,
.landing-footer input,
.landing-footer select,
.landing-footer li {
  font-family: inherit;
}

.landing-footer__title {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: -0.3px;
  line-height: 1.3;
  color: #111827;
}

.dark .landing-footer__title {
  color: #ffffff;
}

.landing-footer__heading {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  color: #111827;
}

.dark .landing-footer__heading {
  color: #ffffff;
}

.landing-footer__text {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.5;
  color: #494646;
}

.dark .landing-footer__text {
  color: rgba(255, 255, 255, 0.92);
}

.landing-footer__label {
  font-weight: 600;
  color: #111827;
}

.dark .landing-footer__label {
  color: #ffffff;
}

.landing-footer__link {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.5;
  color: #494646;
}

.dark .landing-footer__link {
  color: rgba(255, 255, 255, 0.92);
}

.landing-footer__link:hover {
  color: #494646;
}

.dark .landing-footer__link:hover {
  color: #f1ebeb;
}

.landing-footer input[type="email"],
.landing-footer select {
  font-size: inherit;
  font-weight: 400;
}

.landing-footer__legal,
.landing-footer__copyright {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.65;
  color: #9ca3af;
}