/* Dravik — Typography Hierarchy
   Part of the Dravik design system. Loaded by functions.php (see enqueue order).
*/

/* ==========================================================================
   TYPOGRAPHY HIERARCHY
   ========================================================================== */

body, .ast-single-post .entry-content {
  font-size: var(--dravik-text-base);
  line-height: var(--dravik-leading-normal);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--dravik-heading);
  line-height: var(--dravik-leading-tight);
  letter-spacing: -0.01em;
}
h1 { font-size: var(--dravik-text-4xl); font-weight: 700; }
h2 { font-size: var(--dravik-text-3xl); font-weight: 700; }
h3 { font-size: var(--dravik-text-2xl); font-weight: 600; }
h4 { font-size: var(--dravik-text-xl);  font-weight: 600; }
h5 { font-size: var(--dravik-text-lg);  font-weight: 600; }
h6 { font-size: var(--dravik-text-base); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; }

/* Eyebrow utility — matches the hero "DRAVIK RESEARCH" treatment */
.dravik-eyebrow {
  font-size: var(--dravik-text-sm);
  font-weight: 600;
  letter-spacing: var(--dravik-tracking-wide);
  text-transform: uppercase;
  color: var(--dravik-accent);
}

/* Tighter type on smaller screens */
@media (max-width: 921px) {
  :root { --dravik-text-4xl: 2.441rem; --dravik-text-3xl: 1.953rem; --dravik-text-2xl: 1.563rem; }
}



/* Links */
.entry-content a:not(.wp-block-button__link):not(.button) {
  color: var(--dravik-accent);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color var(--dravik-duration-fast) var(--dravik-ease);
}
.entry-content a:not(.wp-block-button__link):not(.button):hover { color: var(--dravik-steel); }

/* Long-form content pages read at a comfortable measure */
.page .entry-content > p, .page .entry-content > h2, .page .entry-content > h3 {
  max-width: var(--dravik-container-narrow);
}