@use "@naomi-2025/ui-core/site-config";
@use "@naomi-2025/ui-core/icons";
@use "@naomi-2025/ui-core/maps";
@use "@naomi-2025/ui-core/mq";

:root {
  --small-header-mq: #{ site-config.$small-header-mq };
  --safe-area-inline: 20px;
  --bleed-safe-area-inline: 10px;
  @include maps.map-to-css-vars(icons.$brands-map);

  @media (width > mq.$mq-768) {
    --safe-area-inline: clamp(20px, 5vw, 80px);
    --bleed-safe-area-inline: clamp(10px, 5vw, 20px);
  }
}
