/* AI WORKS — Gradient tokens
 * §2 — 3-way binary picks resolved: USE (all採用).
 */

:root {
  /* Hero — navy → lavender at 155deg (primary hero variant) */
  --grad-hero-navy:
    linear-gradient(155deg, #1B2559 0%, #2E3A75 45%, #6B4EA8 80%, #A78BFA 100%); /* @kind color */

  /* Hero alt — lavender → cream 180deg (softer variant) */
  --grad-hero-lavender:
    linear-gradient(180deg, #E9D5FF 0%, #F5E9FF 55%, #FFF9F0 100%); /* @kind color */

  /* CTA — orange → orange-deep 135deg */
  --grad-cta: linear-gradient(135deg, #F97316 0%, #EA580C 100%); /* @kind color */
  --grad-cta-hover: linear-gradient(135deg, #FB8A3C 0%, #F97316 60%, #EA580C 100%); /* @kind color */

  /* Card — cream → very-light lavender 180deg */
  --grad-card: linear-gradient(180deg, #FFFFFF 0%, #FBF7FF 100%); /* @kind color */
  --grad-card-cream: linear-gradient(180deg, #FFFDF7 0%, #FFF4E6 100%); /* @kind color */

  /* Section band — lavender浅→深 (§3 / §4 / §9 / §13) */
  --grad-band-lavender:
    linear-gradient(180deg, #F5E9FF 0%, #E9D5FF 100%); /* @kind color */

  /* Animated hero — 200% background-size that slides */
  --grad-hero-animated:
    linear-gradient(140deg, #1B2559 0%, #2E3A75 30%, #4A3B85 55%, #6B4EA8 75%, #A78BFA 100%); /* @kind color */
}

/* Hero gradient drift — 10–15s cycle per §4 */
@keyframes aw-hero-drift {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Subtle CTA pulse — 2s cycle */
@keyframes aw-cta-pulse {
  0%, 100% { box-shadow: var(--shadow-cta); }
  50%      { box-shadow: var(--shadow-cta), 0 0 0 6px rgba(249, 115, 22, 0.08); }
}

/* Reveal — fade + lift + scale */
@keyframes aw-reveal {
  0%   { opacity: 0; transform: translateY(var(--reveal-y)) scale(0.98); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

/* Card glow pulse */
@keyframes aw-glow {
  0%, 100% { box-shadow: var(--shadow-card); }
  50%      { box-shadow: var(--shadow-card-hover); }
}