/* ============================================================
   FLUID SKALA (Utopia princips) — tipogrāfija un atstarpes
   plūst no 360px līdz 1240px viewport bez breakpointiem.
   ------------------------------------------------------------
   Klienta āda maina tikai RAKSTURU, ne mehānismu:
   - elegants/kluss klients → mazāka amplitūda (h1 max ~3.2rem)
   - drosmīgs/skaļš klients → lielāka (h1 max ~4.6rem, kā kaisle)
   Pārrēķinam ērti: https://utopia.fyi (min 360 / max 1240).
   ============================================================ */

:root {
  /* ---- Teksta kāpnes (bāze 1rem→1.125rem, ratio ~1.2→1.25) ---- */
  --text-xs: clamp(0.78rem, 0.76rem + 0.10vw, 0.84rem);
  --text-sm: clamp(0.89rem, 0.86rem + 0.14vw, 0.97rem);
  --text-md: clamp(1.00rem, 0.96rem + 0.23vw, 1.13rem);   /* body */
  --text-lg: clamp(1.19rem, 1.12rem + 0.34vw, 1.38rem);   /* ievads/lead */
  --text-xl: clamp(1.42rem, 1.30rem + 0.53vw, 1.72rem);   /* h3 */
  --text-2xl: clamp(1.70rem, 1.50rem + 0.90vw, 2.30rem);  /* h2 min variants */
  --text-3xl: clamp(2.10rem, 1.65rem + 2.00vw, 3.40rem);  /* h1/h2 liels */
  --text-4xl: clamp(2.50rem, 1.80rem + 3.20vw, 4.60rem);  /* hero h1 */

  /* ---- Atstarpju kāpnes (savietojas ar .stack/.cluster/.auto-grid) ---- */
  --space-1: clamp(0.25rem, 0.24rem + 0.07vw, 0.31rem);
  --space-2: clamp(0.50rem, 0.47rem + 0.14vw, 0.63rem);
  --space-3: clamp(0.75rem, 0.71rem + 0.20vw, 0.94rem);
  --space-4: clamp(1.50rem, 1.42rem + 0.41vw, 1.88rem);
  --space-5: clamp(2.00rem, 1.86rem + 0.61vw, 2.50rem);
  --space-6: clamp(3.00rem, 2.80rem + 0.92vw, 3.75rem);
  --space-7: clamp(4.00rem, 3.66rem + 1.53vw, 5.00rem);
  --space-8: clamp(6.00rem, 5.49rem + 2.29vw, 7.50rem);
}

/* Noklusētā piesaiste (projekts drīkst pārrakstīt block CSS līmenī) */
h1 { font-size: var(--text-4xl); font-family: var(--font-display); }
h2 { font-size: var(--text-3xl); font-family: var(--font-display); }
h3 { font-size: var(--text-xl); }
.lead { font-size: var(--text-lg); color: var(--color-ink-muted); max-width: 62ch; }
small, .text-sm { font-size: var(--text-sm); }
.eyebrow {
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-weight: 700;
  color: var(--color-accent);
}