/* ===== BRAND THEME – the single place to re-skin the product =====
   Change colours, fonts and logo here; brand NAME and optional logo URL live in config.json ("brand", "logo").
   Note (GDPR): fonts are loaded from Google Fonts. For launch, consider self-hosting the font files under /fonts and replacing this @import. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@500;600;700&display=swap');
:root{
  --font:Inter,system-ui,sans-serif;            /* body text */
  --font-head:'Inter Tight',Inter,sans-serif;   /* headings, numbers */
  --acc:#0d9488; --acc2:#10b981;                /* primary accent + gradient end */
  --accbg:rgba(13,148,136,.08);
  --mark:conic-gradient(from 210deg,#0d9488,#10b981,#ec4899,#f59e0b,#0d9488); /* logo mark when no logo image */
  --hero-bg:#07080c;
}
[data-theme=dark]{--accbg:rgba(16,185,129,.14)}
.logo img.lg{height:24px;width:auto;display:block}
/* ===== Mapenzo brand mark (logo/header only) ===== */
@font-face{font-family:'Michroma';src:url(/brand/Michroma.ttf) format('truetype');font-display:swap}
.logo .mark,.top .mark{width:26px!important;height:26px!important;border-radius:0!important;box-shadow:none!important;background:url(/brand/mark.svg) center/contain no-repeat!important;display:inline-block;flex:none}
[data-theme=dark] .logo .mark,[data-theme=dark] .top .mark{background-image:url(/brand/mark-glow.png)!important}
.logo .brand{font-family:'Michroma',var(--font-head);font-weight:400;letter-spacing:.02em;font-size:.92em}