/**
 * DigiHomeo complete brand mark (icon + DigiHomeo wordmark).
 * Matches Flutter AppLogoTitle: icon height = font-size × 0.92,
 * Montserrat — Digi #16a34a / 600 (semibold),
 Homeo #65a30d / 700 (bold).
 *
 * Usage:
 *   <link rel="stylesheet" href="../style/brand-logo.css" />
 *   <a href="/" class="dh-logo" aria-label="DigiHomeo Home">
 *     <img src="../icons/icon.svg" alt="" />
 *     <span class="dh-logo-text">
 *       <span class="digi">Digi</span><span class="homeo">Homeo</span>
 *     </span>
 *   </a>
 *
 * Optional size modifiers: .dh-logo--appbar (default), .dh-logo--hero
 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

.dh-logo {
  --dh-logo-font: 22px;
  --dh-logo-icon: calc(var(--dh-logo-font) * 0.92);
  --dh-logo-gap: clamp(8px, calc(var(--dh-logo-font) * 0.27), 12px);
  display: inline-flex;
  align-items: center;
  gap: var(--dh-logo-gap);
  text-decoration: none;
  color: inherit;
  line-height: 1;
}

.dh-logo--appbar {
  --dh-logo-font: 22px;
}

.dh-logo--hero {
  --dh-logo-font: 36px;
}

.dh-logo img {
  height: var(--dh-logo-icon);
  width: var(--dh-logo-icon);
  display: block;
  flex-shrink: 0;
}

.dh-logo-text {
  font-size: var(--dh-logo-font);
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 1;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  white-space: nowrap;
}

.dh-logo-text .digi {
  color: #16a34a;
  font-weight: 600;
}

.dh-logo-text .homeo {
  color: #65a30d;
  font-weight: 700;
}