/* 1kamas — typography & spacing overrides (reference: eldorado.gg, measured 2026-10-23 at 1440px).
   Type, sizes, spacing and radii only. Colors are untouched.
   Every selector is prefixed with `html` because each page also inlines a copy of the bundle after
   the <link>, so equal-specificity rules here would lose to it. */

/* One family everywhere (Eldorado: Lato 400/700 only). Inter is already self-hosted, so no new requests. */
html .font-display, html .hp-display, html .prose-1k > h1, html .section-title,
html button, html input, html select, html textarea { font-family: var(--font-inter), system-ui, sans-serif; }

/* Sentence case, neutral tracking on headings */
html h1.font-display, html h2.font-display, html h3.font-display, html .section-title { text-transform: none; letter-spacing: normal; }

/* Hero title: 48px / 1.1, 700 (was Rajdhani 60px uppercase) */
html .text-\[clamp\(1\.5rem\2c 4\.3vw\2c 3\.75rem\)\] { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.1; }

/* Section titles: 30px / 36px, 700, 24px below */
html .section-title { font-size: 30px; line-height: 36px; font-weight: 700; }
@media (max-width: 639px) { html .section-title { font-size: 24px; line-height: 30px; } }

/* Card / block titles: 18px / 27px */
html h3.font-display { font-size: 18px; line-height: 27px; }

/* Small text: 14px / 21px */
html .text-sm { line-height: 21px; }

/* Header categories: 14px bold, sentence case (was 12px uppercase; Eldorado uses 16px with fewer items) */
html .nav-pill { font-size: 14px; line-height: 21px; text-transform: none; letter-spacing: normal; }

/* Buttons: 8px radius, 700, 10px 16px, 42px tall */
html .btn-primary { border-radius: 8px; font-weight: 700; padding: 10px 16px; min-height: 42px; }

/* Radii: 8px everywhere, no pill/rounded-blob shapes */
html .rounded-btn, html .rounded-card, html .rounded-hero { border-radius: 8px; }
html .chip { border-radius: 6px; }

/* Content width: 1160px + 24px gutters (16px on mobile, already set) */
html .container-1k { max-width: 1208px; }

/* Space between sections: 64px desktop, 40px mobile (was up to 80px) */
html .pt-\[clamp\(3rem\2c 6vw\2c 5rem\)\] { padding-top: clamp(2.5rem, 5vw, 4rem); }
html .py-\[clamp\(3rem\2c 6vw\2c 5rem\)\] { padding-top: clamp(2.5rem, 5vw, 4rem); padding-bottom: clamp(2.5rem, 5vw, 4rem); }