@use "@naomi-2025/ui-core/site-config";
@use "@naomi-2025/ui-core/animate-underline";
@use "@naomi-2025/ui-core/text-styles";
@use "s360-scss-toolkit";

.menu--main {
  a {
    --a--font-size: #{ s360-scss-toolkit.linear-scale(s360-scss-toolkit.modular-scale(5), s360-scss-toolkit.modular-scale(9)) };
    --a--font-weight: var(--menu--main--font-weight);
    --a--line-height: 1;
    --a--text-transform: uppercase;
    --animate-underline--display: inline-block;
    --animate-underline--bg-position-y: bottom;
    @extend %animate-underline-to-right;

    height: 0.8em;
    overflow: hidden;
  }

  li {
    opacity: 0;
  }
}
