/*
 * HIBEE typography and brand variable integration — v0.7.
 * Impeccable-informed audit: condensed expressive display, highly legible body copy.
 * Google Fonts styles are enqueued only when the Editorial preset is enabled.
 */
:root {
  --hibee-display-font: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
  --hibee-body-font: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --hibee-content-measure: 67ch;
  --hibee-micro-ease: cubic-bezier(.2,.8,.2,1);
}

/* The classic preset keeps previous type choices; the brand palette still applies. */
body {
  background: var(--hb, #0a0a0a);
  color: var(--hw, #fff);
}
.hibee-site-header,
.hibee-site-footer,
.hibee-services {
  background-color: var(--hb, #0a0a0a);
}
.hibee-newsletter { background-color: var(--hy, #f5bf22); }
/* TREND is the featured yellow campaign section, following the editable HIBEE accent. */
.hibee-release { background: var(--hy, #f5bf22); color: var(--hb, #0a0a0a); }
.hibee-btn-primary {
  background: var(--hy, #f5bf22);
  border-color: var(--hy, #f5bf22);
  color: var(--hb, #0a0a0a);
}
.hibee-kicker { color: var(--hy, #f5bf22); }

.hibee-skip-link { background: var(--hy, #f5bf22); color: var(--hb, #0a0a0a); }

/* Uploaded logos must retain their original artwork and colors. */
.hibee-logo-link img,
.hibee-site-brand img,
.hibee-hero-mini-logo img,
.hibee-site-footer img {
  filter: none;
  width: 100%;
  height: auto;
  object-fit: contain;
}

body:not(.hibee-type-classic) {
  font-family: var(--hibee-body-font);
  font-feature-settings: "kern" 1;
}
body:not(.hibee-type-classic) :is(
  .hibee-subcopy,
  .hibee-release-artists,
  .hibee-release-copy > p,
  .hibee-services-copy > p,
  .hibee-culture-copy p,
  .hibee-news-head-side p,
  .hibee-news-card-body p,
  .hibee-article-content,
  .hibee-article-deck,
  .hibee-newsletter-intro p,
  input,
  textarea
) {
  font-family: var(--hibee-body-font);
}
body:not(.hibee-type-classic) :is(
  .hibee-section h2,
  .hibee-release h2,
  .hibee-services h2,
  .hibee-newsletter h2,
  .hibee-news h2,
  .hibee-news-head h2,
  .hibee-culture-copy h2,
  .hibee-article h1,
  .hibee-archive-head h1,
  .hibee-team-copy h3
) {
  font-family: var(--hibee-display-font);
  font-weight: 800;
  line-height: .94;
  letter-spacing: -.025em;
  text-wrap: balance;
}
body:not(.hibee-type-classic) .hibee-news-head h2 {
  font-size: clamp(48px, 6.9vw, 110px);
  line-height: .9;
}
body:not(.hibee-type-classic) .hibee-services-copy h2 {
  font-size: clamp(48px, 6.4vw, 110px);
  line-height: .92;
}
body:not(.hibee-type-classic) .hibee-subcopy {
  font-family: var(--hibee-body-font);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.04em;
}
body:not(.hibee-type-classic) .hibee-release-copy > p:not(.hibee-release-artists) {
  max-width: var(--hibee-content-measure);
  line-height: 1.55;
}
body:not(.hibee-type-classic) :is(
  .hibee-nav a,
  .hibee-site-nav a,
  .hibee-menu-toggle,
  .hibee-btn,
  .hibee-platform,
  .hibee-kicker,
  .hibee-news-kicker,
  .hibee-news-read,
  .hibee-news-meta,
  .hibee-newsletter-form button,
  .hibee-meta
) {
  font-family: var(--hibee-body-font);
  font-weight: 800;
}
body:not(.hibee-type-classic) .hibee-news-card h3 {
  font-family: var(--hibee-display-font);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -.018em;
}
body:not(.hibee-type-classic) :is(
  .hibee-news-card-body p,
  .hibee-culture-copy p,
  .hibee-newsletter-intro p
) {
  line-height: 1.58;
}
/* Avoid ultra-small information labels on narrow viewports. */
@media (max-width: 620px) {
  body:not(.hibee-type-classic) .hibee-services-copy h2 {
    font-size: clamp(42px, 11vw, 72px);
    overflow-wrap: anywhere;
  }
  body:not(.hibee-type-classic) :is(.hibee-news-meta, .hibee-hero-playlist-card-copy small) {
    font-size: 11px;
  }
}

/* Lightweight feedback: transform/opacity, not animated layout metrics. */
@media (hover: hover) and (pointer: fine) {
  .hibee-btn,
  .hibee-news-read,
  .hibee-platform {
    transition: transform 180ms var(--hibee-micro-ease), background-color 180ms ease-out, color 180ms ease-out, border-color 180ms ease-out;
  }
  .hibee-btn:hover,
  .hibee-platform:hover { transform: translateY(-2px); }
  .hibee-btn:active,
  .hibee-platform:active { transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .hibee-btn,
  .hibee-news-read,
  .hibee-platform { transition: none !important; transform: none !important; }
}
