/* =============================================================
   Global Type Scale Overrides
   assets/css/type.css

   Goal: Make body typography consistent and >= 16px site-wide
   without modifying the built screen.css bundle.
   ============================================================= */

/*
  Note: Theme sets html { font-size: 62.5%; } (so 1rem = 10px).
  We keep that and raise the base body size instead of changing html,
  which would cascade unpredictably through all rem-based components.
*/

body {
  font-size: clamp(1.7rem, 0.35vw + 1.6rem, 1.95rem); /* 17px → ~19.5px */
  line-height: 1.75;
}

/* Main content typography (posts/pages/cards that rely on --content-font-size) */
.gh-content {
  --content-font-size: clamp(1.85rem, 0.35vw + 1.72rem, 2.15rem);
}

/* Slight bump for smaller UI text that often ends up feeling tiny */
.gh-card-excerpt,
.gh-form,
.gh-form-input {
  font-size: clamp(1.7rem, 0.3vw + 1.6rem, 1.95rem);
}

/* =============================================================
   Shared navigation typography (css-nav)
   Match homepage nav sizing (custom-home.css)
   ============================================================= */

.css-nl,
.css-n-si {
  font-size: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.css-n-sub {
  font-size: 12px;
  letter-spacing: 0.01em;
}