/* Maas Hesaplama aracindaki ortak global tipografi sistemi */
:root {
  --type-font: "Inter", "Segoe UI", Arial, sans-serif;
  --type-page-title-size: 36px;
  --type-section-title-size: 18px;
  --type-subsection-title-size: 16px;
  --type-body-size: 16px;
  --type-secondary-size: 14px;
  --type-table-head-size: 12px;
  --type-metric-size: 24px;
  font-family: var(--type-font);
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--type-font) !important;
}

body {
  font-size: var(--type-body-size);
  line-height: 1.5;
}

.intro h1 {
  font-family: var(--type-font);
  font-size: var(--type-page-title-size);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.025em;
}

.intro-copy {
  font-size: 14px;
  line-height: 1.5;
}

.results-head h2,
.section-heading h2,
.modal-card h2 {
  font-family: var(--type-font);
  font-size: var(--type-section-title-size);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
}

.dropzone strong,
.privacy-banner strong,
.finding h3,
.metric-card h4,
.account-check-head h3,
.statement-table h3 {
  font-family: var(--type-font);
  font-size: var(--type-subsection-title-size);
  font-weight: 700;
  line-height: 1.4;
}

.dropzone,
.limits,
.file-meta,
.microcopy,
.diagnostics,
.finding,
.statement-row,
.account-check,
.terms-copy,
.checkline {
  font-size: var(--type-secondary-size);
  line-height: 1.5;
}

.statement-table h3,
.account-values dt,
.quality,
.badge {
  font-size: var(--type-table-head-size);
  font-weight: 700;
  line-height: 1.4;
}

.summary-card strong,
.metric-value,
.statement-row.total strong {
  font-family: var(--type-font) !important;
  font-size: var(--type-metric-size) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.statement-row,
.account-check,
.finding,
.diagnostics {
  font-size: var(--type-secondary-size) !important;
  line-height: 1.5 !important;
}

@media(max-width:700px) {
  .intro h1 {
    --type-page-title-size: 30px;
    font-size: var(--type-page-title-size);
    letter-spacing: -.025em;
  }

  .intro-copy {
    font-size: 14px;
  }

  .section-heading h2 {
    font-size: 18px;
  }
}