/* Myth-Weavers ornamental stylesheet (lazy-loaded by ThemeContext when this
   theme activates). Per theme refactor plan §6.1, only contains rules that
   don't fit the role-token model — texture borrows, theme-specific dropdown
   chrome, and other irreducible decorative concerns.

   Solid bg/color literals migrated to theme.json variables (--theme-navbar-bg,
   --theme-footer-bg, etc.) in 0.8.0. */

/* Navbar / footer texture borrow — both surfaces reuse the cardHeader texture
   for visual continuity with myth-weavers' parchment-and-leather chrome. */
[data-theme="myth-weavers"] .navbar {
  background-image: var(--theme-cardHeader-bg-image, none);
  background-size: var(--theme-cardHeader-bg-size, cover);
  background-position: var(--theme-cardHeader-bg-position, center);
  background-repeat: var(--theme-cardHeader-bg-repeat, repeat-x);
}

[data-theme="myth-weavers"] footer {
  background-image: var(--theme-cardHeader-bg-image, none);
  background-size: var(--theme-cardHeader-bg-size, cover);
  background-position: var(--theme-cardHeader-bg-position, center);
  background-repeat: var(--theme-cardHeader-bg-repeat, repeat-x);
}

/* Navbar dropdown chrome — the parchment-light dropdown panel with bordered
   leather edge is myth-weavers-specific styling that doesn't generalize. */
[data-theme="myth-weavers"] .navbar .dropdown-menu {
  background-color: rgb(191, 177, 143);
  border-color: rgb(112, 73, 38);
}

[data-theme="myth-weavers"] .navbar .dropdown-item {
  color: rgb(0, 0, 0);
}

[data-theme="myth-weavers"] .navbar .dropdown-item:hover {
  background-color: rgb(210, 195, 162);
}

/* Footer link color — matches the cream navbar text. The footer color token
   handles the surrounding text; this rule keeps anchors readable on the dark
   leather background. */
[data-theme="myth-weavers"] footer a {
  color: rgb(250, 236, 174);
}

/* Navbar hover/focus accent — stays brighter than the cream base for clarity
   on the dark leather backdrop. */
[data-theme="myth-weavers"] .navbar .nav-link:hover,
[data-theme="myth-weavers"] .navbar .nav-link:focus {
  color: rgb(255, 255, 255) !important;
}