/* ==========================================================================
   AGENIO CHILD THEME — BRAND COLOR OVERRIDE
   ==========================================================================
   This is the ONLY file you should need to touch to change the site's
   accent color in the future. Everything below maps back to two variables
   defined right here, so there's a single source of truth.

   Parent theme's original neon green: #98FF03 (with a lighter variant
   #B2FF43 used only in one gradient).
   ========================================================================== */

:root {
  /* Change these two lines to change the whole site's accent color. */
  --brand-accent: #FFD400;        /* was #98FF03 */
  --brand-accent-light: #FFE066;  /* was #B2FF43, lighter gradient stop */

  /* This overrides the parent theme's own variable. Since ~76 rules in
     style.css reference var(--color-primary), this line alone recolors
     the majority of the site (buttons, links, borders, icons, etc). */
  --color-primary: var(--brand-accent);
}

/* --------------------------------------------------------------------------
   The rules below fix the ~12 spots in the parent theme where the green
   was hardcoded as a literal hex value instead of using the variable —
   those don't respond to the --color-primary change above, so they need
   direct overrides.
   -------------------------------------------------------------------------- */

/* assets/css/style.css ~line 12871 — icon badge gradient on .wpr-btn.with-icon */
.wpr-btn.with-icon .icon {
  background: linear-gradient(178.82deg, var(--brand-accent-light) 1.01%, var(--brand-accent) 105.12%);
}

/* assets/css/style.css ~lines 17155-17170 — stats progress bar fill + dot */
.wpr-delay-stats-area .section-inner .delay-stats-fill {
  background: var(--brand-accent);
}
.wpr-delay-stats-area .section-inner .delay-stats-fill::after {
  background: var(--brand-accent);
  box-shadow: 0 0 0 1.5px var(--brand-accent);
}

/* assets/css/wordpress-unit-test.css ~lines 3347-3378 — underlined links,
   link1 class, and social hover states. Parent uses !important, so these
   must match it to win. */
.link-underline {
  text-decoration-color: var(--brand-accent) !important;
}
.link-underline .link1 {
  color: var(--brand-accent) !important;
  text-decoration-color: var(--brand-accent) !important;
}
.link1:hover {
  color: var(--brand-accent) !important;
  text-decoration-color: var(--brand-accent) !important;
}
.link-underline:hover {
  text-decoration-color: var(--brand-accent) !important;
}
.tf-social-1 a:hover {
  color: var(--brand-accent) !important;
}