/* Option 1 — AG Official (logo match) */
.theme-ag {
  --bg: #2C353D;
  --bg-art:
    radial-gradient(circle at 78% 12%, rgba(73, 174, 226, .22), transparent 34%),
    radial-gradient(circle at 12% 85%, rgba(255,255,255,.05), transparent 30%),
    linear-gradient(165deg, #2C353D 0%, #232b32 50%, #1c242b 100%);
  --text: #FFFFFF;
  --text-soft: #d5dde3;
  --muted: #9aa7b2;
  --line: rgba(255,255,255,.12);
  --panel: rgba(24, 31, 37, .92);
  --panel-soft: rgba(73, 174, 226, .08);
  --panel-shadow: 0 24px 60px rgba(0,0,0,.4);
  --header-bg: rgba(44, 53, 61, .88);
  --footer-bg: #1c242b;
  --input-bg: #1a2228;
  --magenta: #49AEE2;
  --teal: #49AEE2;
  --yellow: #FFFFFF;
  --accent: #49AEE2;
  --btn-bg: linear-gradient(120deg, #49AEE2, #2f8fbf);
  --btn-text: #08202d;
  --cta-bg: #1a2228;
  --cta-text: #fff;
}

.theme-ag .hero::after {
  content: "";
  position: absolute;
  right: -12%;
  top: 8%;
  width: 52vw;
  height: 78%;
  background:
    radial-gradient(circle at 40% 40%, rgba(73,174,226,.35), transparent 55%),
    linear-gradient(140deg, transparent 30%, rgba(73,174,226,.12) 100%);
  border-radius: 50%;
  z-index: -1;
  filter: blur(8px);
  animation: floatGlow 12s ease-in-out infinite alternate;
}

.theme-ag .service-card:hover,
.theme-ag .channel-item:hover {
  border-color: rgba(73, 174, 226, .55);
}