/* Renéra · global base-element overrides
   ---------------------------------------------------------------------------
   Hello Elementor's framework reset (style.min.css / theme.min.css, handle
   `hello-elementor`) defaults bare links and buttons to #c36 (pink) with a
   #336 hover. Any link or button NOT claimed by a .rn-* / Elementor / WooCommerce
   rule falls through to that pink on light surfaces.

   This file retargets ONLY those un-prefixed framework fallbacks to brand tokens.
   It is enqueued AFTER the framework styles (see reneranutrition_enqueue_brand_base
   in functions.php, priority 20), so it wins on equal specificity. Component
   styles use class selectors (e.g. .rn-foot-link:hover), which out-specify these
   bare element selectors and keep their own hover — so nothing styled regresses.
   --------------------------------------------------------------------------- */

a {
  color: var(--renera-olive-700);
}
a:hover,
a:active {
  /* Warm accent (Clay 700) — contrast-safe on light surfaces, unlike pale Clay 500 */
  color: var(--renera-clay-700);
}

/* Bare framework buttons (no .rn-* / .elementor-button / .button class) */
button,
[type="button"],
[type="submit"],
[type="reset"] {
  border-color: var(--renera-olive-700);
  color: var(--renera-olive-700);
}
button:hover,
[type="button"]:hover,
[type="submit"]:hover,
[type="reset"]:hover {
  /* Clay 500 pale terracotta fill with dark ink text — was the #c36 pink fill */
  background-color: var(--renera-clay-500);
  border-color: var(--renera-clay-500);
  color: var(--renera-olive-800);
}