/* Horus — signature effects layer on top of the canonical tokens.
   Uses the canon vars (--hp-primary, --hp-gradient, --hp-grad-cta,
   --hp-glass-*, --shadow-*, --hf-*). Provides the utility classes and a
   couple of derived aliases the brand book's patterns call for. */
:root {
  /* Accent gradient for highlight text (purple→pink), distinct from CTA. */
  --hp-grad-accent: linear-gradient(135deg, var(--hp-estagiario) 0%, var(--hp-advocacia) 100%);
  /* Hero glow — radial wash of the active product color over dark. */
  --hp-hero-glow: radial-gradient(120% 120% at 20% 0%, color-mix(in srgb, var(--hp-primary) 32%, transparent) 0%, transparent 55%),
                  radial-gradient(120% 120% at 100% 20%, color-mix(in srgb, var(--hp-hub) 20%, transparent) 0%, transparent 50%);
}

/* Gradient text — CTA (purple→blue) and accent (purple→pink) */
.hp-gradient-text {
  background: var(--hp-grad-cta);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.hp-gradient-text-accent {
  background: var(--hp-grad-accent);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* Glass card */
.hp-glass {
  background: var(--hp-glass-bg);
  border: 1px solid var(--hp-glass-border);
  -webkit-backdrop-filter: blur(var(--hp-blur));
  backdrop-filter: blur(var(--hp-blur));
  border-radius: var(--radius-lg);
  box-shadow: var(--hp-glass-shadow);
}

.hp-glow { box-shadow: var(--shadow-glow); }

/* Signature animations */
@keyframes fade-in {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes glow {
  0%, 100% { box-shadow: var(--shadow-glow-sm); }
  50% { box-shadow: var(--shadow-glow); }
}
@keyframes breathe {
  0%, 100% { opacity: 0.6; }
  50% { opacity: 1; }
}
@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.animate-fade-in { animation: fade-in var(--dur-slow) var(--ease-emphasis) both; }
.animate-glow { animation: glow var(--dur-ambient) var(--ease-smooth) infinite; }