/*
 * Official channel colours for the floating menu.
 *
 * Each class only sets the two custom properties; the button rule and the
 * admin preview rule both read them through var(..., <fallback>), so a channel
 * without a brand quietly falls back to the site's menu colour and nothing
 * here has to win a specificity fight.
 *
 * The Instagram stops are the ones from the design team's own insta.svg.
 */
.mirabo-brand--instagram {
  --mirabo-brand-bg: radial-gradient(circle at 27% 104%, #fed378 0%, #fed378 17%, #dd5666 42%, #ca3592 61%, #8159a6 100%);
  --mirabo-brand-fg: #fff;
}
.mirabo-brand--youtube { --mirabo-brand-bg: #ff0000; --mirabo-brand-fg: #fff; }
.mirabo-brand--kakao_channel { --mirabo-brand-bg: #fee500; --mirabo-brand-fg: #3c1e1e; }
.mirabo-brand--blog { --mirabo-brand-bg: #03c75a; --mirabo-brand-fg: #fff; }
/* The map pin is tall and narrow, so it needs a larger box than the square marks
   to carry the same visual weight next to them. */
.mirabo-brand--naver_place { --mirabo-brand-bg: #03c75a; --mirabo-brand-fg: #fff; --mirabo-glyph-scale: 1.2; }
.mirabo-brand--facebook { --mirabo-brand-bg: #0866ff; --mirabo-brand-fg: #fff; }