/* Home theme: token overrides only (no hardcoded component styles) */
:root[data-theme="home"] {
  /* Navbar tokens */
  --nav-bg: rgb(45 42 51 / 98%);
  --nav-text-color: #fff;
  --nav-link-color: #edf0ee;
  --nav-link-hover: #6d9d79;
  --nav-menu-bg: rgb(45 42 51 / 98%);

  /* Optional: hero area tokens, can be consumed by a Hero component */

  /* --hero-bg: var(--gradient-cool-ocean); */
}