/*
  Shared hover tint for icon buttons on the public map (styles.css) and in the Map Editor (editor*.css).
  Every colour comes from an existing palette:
  - light surfaces: the wadhih.com button hover (.fn-btn: --primary #B8844D at 10%), the map's brand brown
    (#8c3f1b, --public-map-liquid-brown) and the public controls' hover border;
  - dark surfaces (Night, and the parts of Satellite that turn dark): the wadhih.com dark navigation hover
    (--nav-glass-border, --nav-icon-active) and the warm focus border of the editor sign-in.
  Hover never moves a button: only background, icon colour and border change. A button on a translucent or
  floating surface puts the tint layer over its own background (--wadhih-hover-layer), so the map never
  shows through. Selected and active states keep their own, stronger look.
*/
:root {
  --wadhih-hover-bg: rgba(184, 132, 77, 0.1);
  --wadhih-hover-ink: #8c3f1b;
  --wadhih-hover-line: rgba(140, 63, 27, 0.44);
  --wadhih-hover-layer: linear-gradient(rgba(184, 132, 77, 0.1), rgba(184, 132, 77, 0.1));
  --wadhih-hover-bg-dark: rgba(255, 202, 160, 0.16);
  --wadhih-hover-ink-dark: #ffc48d;
  --wadhih-hover-line-dark: rgba(255, 196, 141, 0.58);
  --wadhih-hover-layer-dark: linear-gradient(rgba(255, 202, 160, 0.16), rgba(255, 202, 160, 0.16));
  --wadhih-hover-transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
  /* Keyboard focus ring for icon buttons whose open or active look replaces the hover tint: a light gap, then the
     warm ink (--wadhih-hover-ink) band, outside the button so it never moves or resizes it. */
  --wadhih-focus-ring: 0 0 0 3px rgba(255, 255, 255, 0.9), 0 0 0 5px rgba(140, 63, 27, 0.58);
}

/* Durations, not "none": rules list this next to their own press transition. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --wadhih-hover-transition: background-color 0s, color 0s, border-color 0s;
  }
}