/* Live MiloslavHub tokens; local defaults also support an offline installation.
   Load after local layout CSS. Inline <html> branding retains precedence. */
:root.mhl-theme {
  --ink: var(--mh-ink, #08233e);
  --ink-2: var(--mh-ink-soft, #183a57);
  --blue: var(--mh-blue, #076a9f);
  --blue-2: var(--mh-blue, #076a9f);
  --blue2: var(--mh-blue-dark, #04527d);
  --bg: var(--mh-background, #edf5fa);
  --card: var(--mh-white, #fff);
  --white: var(--mh-white, #fff);
  --sky: var(--mh-surface, #f7fbfd);
  --line: var(--mh-border, rgba(8,35,62,.14));
  --muted: var(--mh-muted, #52697d);
  --text: var(--mh-ink, #08233e);
  --accent: var(--mh-blue, #076a9f);
  --accent-soft: var(--mh-background, #edf5fa);
  --bar: var(--mh-blue, #076a9f);
  --bar-soft: var(--mh-background, #edf5fa);
  --shadow: var(--mh-shadow, 0 16px 40px rgba(16,50,77,.065));
}
.mhl-theme body { font-family: var(--mh-sans, system-ui, sans-serif); }
.mhl-theme .landing-wrap { max-width: var(--mh-shell, 1160px); }
.mhl-theme .landing-page .hero { background: linear-gradient(135deg, var(--mh-surface, #f7fbfd), var(--mh-white, #fff)); }
.mhl-theme .landing-page .hero-lead { color: var(--mh-text, #3d5d75); }
.mhl-theme .landing-page .btn-primary,
.mhl-theme .landing-page .contact-card,
.mhl-theme .landing-page .score-card { background: var(--mh-blue-dark, #04527d); }
.mhl-theme .landing-page .btn-ghost { border-color: var(--mh-border-strong, rgba(8,35,62,.23)); }
.mhl-theme :focus-visible {
  outline: 3px solid #111827;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px #fff;
}
.mhl-theme .visually-hidden {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
@media (prefers-reduced-motion: reduce) {
  .mhl-theme *, .mhl-theme *::before, .mhl-theme *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

.mhl-theme .hero-origin { font-weight:700; color:var(--mh-ink, #08233e); }
.mhl-theme .phone-browser-icon { display:block; width:96px; height:96px; margin:20px auto; color:var(--mh-blue, #076a9f); }
.mhl-theme .more-features { margin-top:24px; }
.mhl-theme .more-features > summary { cursor:pointer; padding:16px 4px; font-weight:700; }
.mhl-theme .more-features[open] > summary { margin-bottom:12px; }