/* <av-menu-shell> styles (#18) — token-driven, built on #16's primitives. */

.av-menu-shell__nav {
  border-bottom: 1px solid var(--color-border-default);
  padding-bottom: var(--spacing-2);
}

.av-menu-shell__item {
  font: inherit;
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  padding: var(--spacing-1) var(--spacing-2);
  cursor: pointer;
}

/* Current item indicated by weight + underline, not color alone —
   WCAG 2.2 AA (1.4.1): never convey state through color only. */
.av-menu-shell__item[aria-current='true'] {
  color: var(--color-text-primary);
  font-weight: var(--font-weight-bold);
  border-bottom-color: var(--color-brand-primary);
}

.av-menu-shell__content {
  padding-top: var(--spacing-4);
}

.av-menu-shell__stub {
  color: var(--color-text-secondary);
  font-style: italic;
}