/*
AURUM PREMIUM TYPOGRAPHY SYSTEM — OPTION B
DM Sans for display/UI, Inter for reading.
Typography only: intentionally avoids layout/grid/positioning rules.
*/

/* Core reading voice */
html body,
body p,
body li,
body dd,
body dt,
body input,
body textarea,
body select{
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* Display and interface voice */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body button,
body .button,
body .btn,
body [class*="button"],
body [class*="eyebrow"],
body [class*="kicker"],
body [class*="label"],
body .site-header,
body .site-nav,
body nav,
body .menu,
body .story-card-title,
body .feature-card h3,
body .timeline-card h3,
body .section-title{
  font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* Premium heading rhythm — keeps every existing font-size/layout rule. */
body h1,
body .page-hero h1{
  font-weight:600;
  letter-spacing:-.045em;
  text-wrap:balance;
}
body h2{
  font-weight:600;
  letter-spacing:-.038em;
  text-wrap:balance;
}
body h3{
  font-weight:600;
  letter-spacing:-.026em;
}
body h4,
body h5,
body h6{
  font-weight:600;
  letter-spacing:-.018em;
}

/* Body copy: less chunky, more editorial/readable. */
body p,
body li{
  font-weight:400;
  letter-spacing:-.008em;
}
body .lead,
body [class*="intro"],
body [class*="description"],
body [class*="copy"]{
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:400;
}

/* Navigation and UI — sleek but not fragile. */
body .site-header a,
body header nav a,
body nav a,
body button,
body .button,
body .btn{
  font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:500;
  letter-spacing:-.012em;
}

/* Small editorial labels */
body .eyebrow,
body [class*="eyebrow"],
body [class*="kicker"]{
  font-weight:700;
  letter-spacing:.07em;
}

/* Preserve deliberate italic emphasis used across Aurum,
   but keep it inside the new DM Sans system. */
body h1 em,
body h2 em,
body h3 em,
body .display-italic,
body [class*="accent"] em{
  font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-style:italic;
  font-weight:500;
}

/* Card titles now feel more premium without moving card geometry. */
body .feature-card h3,
body .story-card h3,
body .timeline-card h3,
body .profile-card h3{
  font-weight:600;
  letter-spacing:-.025em;
}

/* Long-form/story content remains easy to read. */
body article p,
body .story-content p,
body .profile-content p{
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* Mobile: typography family/weight only; page-specific sizes stay in charge. */
@media (max-width:768px){
  body h1,
  body h2,
  body h3{
    text-wrap:pretty;
  }
}