/* =========================================================
   ESCALA TIPOGRÁFICA GLOBAL
========================================================= */

body.font-compact {
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 16px;
  --text-lg: 20px;
  --text-xl: 26px;
}

body.font-normal {
  --text-xs: 13px;
  --text-sm: 14px;
  --text-base: 15px;
  --text-md: 17px;
  --text-lg: 22px;
  --text-xl: 30px;
}

body.font-large {
  --text-xs: 15px;
  --text-sm: 16px;
  --text-base: 17px;
  --text-md: 20px;
  --text-lg: 26px;
  --text-xl: 34px;
}

/* =========================================================
   TIPOGRAFÍA ESTANDARIZADA - KOREX
========================================================= */

body {
  font-size: var(--text-base);
}

.page-header h1 {
  font-size: var(--text-xl);
  line-height: 1.15;
  font-weight: 750;
}

.page-header p {
  font-size: var(--text-sm);
  line-height: 1.5;
}

.card-header h3,
.card h3 {
  font-size: var(--text-lg);
  line-height: 1.25;
  font-weight: 700;
}

.card-subtitle {
  font-size: var(--text-sm);
  line-height: 1.45;
}

.form-group label {
  font-size: var(--text-sm);
  line-height: 1.3;
  font-weight: 600;
}

.form-group input,
.form-group select,
.form-group textarea {
  font-size: var(--text-base);
  line-height: 1.35;
}

.btn-primary,
.primary-button,
.secondary-button,
.custom-save-btn {
  font-size: var(--text-sm);
  line-height: 1.2;
  font-weight: 700;
}

.palette-name {
  font-size: var(--text-sm);
  line-height: 1.25;
  font-weight: 700;
}

.new-palette-text {
  font-size: var(--text-sm);
  line-height: 1.35;
  font-weight: 600;
}

.form-hint {
  font-size: var(--text-xs);
  line-height: 1.4;
}

.patients-table th {
  font-size: var(--text-xs);
  line-height: 1.3;
  font-weight: 700;
}

.patients-table td {
  font-size: var(--text-sm);
  line-height: 1.35;
}