/* Thream professional typography pass — mature product UI, less template-like */
:root {
  --thream-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
  --thream-font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
}

html[data-thream-app="true"] body,
html[data-thream-app="true"] #root,
html[data-thream-app="true"] button,
html[data-thream-app="true"] input,
html[data-thream-app="true"] textarea,
html[data-thream-app="true"] select {
  font-family: var(--thream-font-sans) !important;
  font-feature-settings: "kern" 1, "liga" 1;
  text-rendering: optimizeLegibility;
}

html[data-thream-app="true"] h1,
html[data-thream-app="true"] h2,
html[data-thream-app="true"] h3,
html[data-thream-app="true"] .font-display,
html[data-thream-app="true"] .thream-heading {
  font-family: var(--thream-font-sans) !important;
  letter-spacing: -0.018em !important;
}

/* Reduce the over-bold, concept-design feel across authenticated pages. */
html[data-thream-app="true"] .font-black { font-weight: 700 !important; }
html[data-thream-app="true"] .font-extrabold { font-weight: 700 !important; }
html[data-thream-app="true"] .font-bold { font-weight: 650 !important; }
html[data-thream-app="true"] .font-semibold { font-weight: 600 !important; }
html[data-thream-app="true"] strong { font-weight: 650; }
html[data-thream-app="true"] .thream-kicker {
  font-weight: 700 !important;
  letter-spacing: .09em !important;
}
html[data-thream-app="true"] .thream-btn-primary,
html[data-thream-app="true"] .thream-btn-secondary,
html[data-thream-app="true"] .thream-btn-ghost,
html[data-thream-app="true"] .thream-chip {
  font-weight: 600 !important;
}

/* Discover: competitor-grade hierarchy and calmer density. */
html[data-thream-route="/discover"] body {
  letter-spacing: 0;
}
html[data-thream-route="/discover"] h1 {
  font-size: clamp(1.5rem, 2vw, 1.85rem) !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
}
html[data-thream-route="/discover"] h2,
html[data-thream-route="/discover"] h3 {
  font-weight: 650 !important;
  letter-spacing: -0.015em !important;
}
html[data-thream-route="/discover"] p,
html[data-thream-route="/discover"] span,
html[data-thream-route="/discover"] label {
  letter-spacing: 0 !important;
}
html[data-thream-route="/discover"] button {
  letter-spacing: -0.005em !important;
}
html[data-thream-route="/discover"] [class*="uppercase"] {
  letter-spacing: .08em !important;
  font-weight: 650 !important;
}
html[data-thream-route="/discover"] [class*="text-[10px]"] {
  line-height: 1.35 !important;
}
html[data-thream-route="/discover"] [class*="text-[11px]"] {
  line-height: 1.4 !important;
}
html[data-thream-route="/discover"] [class*="text-[15px]"] {
  font-size: 15px !important;
  line-height: 1.35 !important;
}
html[data-thream-route="/discover"] article button[class*="truncate"] {
  font-weight: 650 !important;
}
html[data-thream-route="/discover"] article p[class*="font-semibold"] {
  font-weight: 500 !important;
}
html[data-thream-route="/discover"] article [class*="rounded-full"][class*="font-black"] {
  font-weight: 600 !important;
}
html[data-thream-route="/discover"] article button[class*="bg-blue-600"],
html[data-thream-route="/discover"] article button[class*="border-slate-200"] {
  font-weight: 600 !important;
}
html[data-thream-route="/discover"] input {
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* Desktop sidebar/header should read like a mature SaaS/social product. */
html[data-thream-app="true"] aside nav button,
html[data-thream-app="true"] header button,
html[data-thream-app="true"] nav[data-mobile-shell-nav] button {
  font-weight: 550 !important;
}

@media (max-width: 767px) {
  html[data-thream-route="/discover"] h1 { font-size: 1.55rem !important; }
  html[data-thream-route="/discover"] article { line-height: 1.45; }
}