/*
 * Mahina Menu charcoal palette.
 *
 * Loaded after the application stylesheet on every locale route. The shared
 * --ink token controls active menu cards, confirmation buttons, focus rings,
 * emphasis rules and primary text. Media letterboxing is intentionally left
 * untouched so video frames retain their intended neutral presentation.
 */
:root {
  --ink: #37342f;
  --mahina-menu-charcoal: #37342f;
}

html,
body {
  color: var(--mahina-menu-charcoal);
}

.menu-film-button,
.topbar-menu-title:hover,
.topbar-menu-title:focus-visible,
.mahina-header-menu-trigger:hover,
.mahina-booking-head h2,
.mahina-booking-copy strong,
.mahina-booking-close,
.mahina-language-panel,
.mahina-menu-panel > nav a:hover,
.mahina-menu-panel > nav a.is-current,
.mahina-menu-panel > nav a[aria-current="page"] {
  color: var(--mahina-menu-charcoal) !important;
}

.menu-film-button:hover,
.menu-film-button:focus-visible {
  border-color: rgba(55, 52, 47, 0.52);
}

.mahina-loader-track > span,
.season-course-media figcaption {
  background: var(--mahina-menu-charcoal);
}