/* Desktop typography override
   Purpose: enforce base desktop font (Inter) and standardize sizes/weights.
   Loaded only for desktop (min-width:769px) and uses !important to override
   component and inline styles where necessary.
*/
@media (min-width: 769px) {
  html, body, * {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    font-family: 'Comic Sans MS', 'Comic Sans', cursive !important;
  }

  /* Headings: larger and bold on desktop */
  h1 { font-size: 36px !important; font-weight: 800 !important; }
  h2 { font-size: 28px !important; font-weight: 700 !important; }
  h3 { font-size: 22px !important; font-weight: 700 !important; }
  h4 { font-size: 18px !important; font-weight: 600 !important; }
  h5 { font-size: 16px !important; font-weight: 600 !important; }
  h6 { font-size: 14px !important; font-weight: 600 !important; }

  /* Ensure UI controls keep body size/normal weight */
  a, button, input, textarea, select, label {
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: inherit !important;
  }

  code, pre, kbd, samp { font-size: 16px !important; font-weight: 400 !important; }

  /* De-emphasize badges/buttons that used heavy weights */
  .badge, .btn, .brand-title, .hero-title, .market-price-large { font-weight: 400 !important; }
}