/* ════════════════════════════════════════════════════════════
   CAGR Calculator — "Volatility, Resolved"
   Cool graphite · electric-lime resolved rate · steel-grey noise.
   Identity: the hero figure is a percentage, not a rupee value;
   a jagged-ribbon-resolving-to-smooth motif.
   ════════════════════════════════════════════════════════════ */

body[data-tool="cagr"] {
  --surface:        #0E1116;
  --surface-raised: #161A21;
  --surface-high:   #232A34;
  --hairline:       rgba(187, 218, 76, 0.14);
  --hairline-bold:  rgba(187, 218, 76, 0.30);
  --accent:         #9DB845;
  --accent-bright:  #C6DD5E;
  --accent-deep:    #2A3318;
  --accent-glow:    rgba(187, 218, 76, 0.42);
  --contrast:       #8A95A8;
  --contrast-bright:#AAB4C4;
  --contrast-soft:  rgba(138, 149, 168, 0.13);
  --contrast-glow:  rgba(138, 149, 168, 0.42);
}

/* the percentage hero glows lime — the resolved rate */
body[data-tool="cagr"] .tk-figure {
  text-shadow: 0 0 64px var(--accent-glow);
  color: var(--accent-bright);
}
body[data-tool="cagr"] .tk-readout {
  background:
    radial-gradient(120% 150% at 8% 28%, rgba(187,218,76,0.08), transparent 58%),
    var(--surface-raised);
}
@keyframes cagr-pulse {
  0% { text-shadow: 0 0 64px var(--accent-glow); }
  40% { text-shadow: 0 0 64px var(--accent-glow), 0 0 26px var(--accent-glow); }
  100% { text-shadow: 0 0 64px var(--accent-glow); }
}
body[data-tool="cagr"] .tk-figure.is-pulsing { animation: cagr-pulse 520ms var(--ease, ease); }