/* Doggenius effects — gradients, glows, glass, motion. Exact values from source. */
:root {
  /* Hero: warm-to-cool violet with subtle golden touch (golden hour ≤15%) */
  --gradient-hero: linear-gradient(135deg, #D3B4FF 0%, #E9D5FF 85%, #FFE5CC 100%); /* @kind color */
  --gradient-hero-vertical: linear-gradient(180deg, #D3B4FF 0%, #E9D5FF 90%, #FFE5CC 100%); /* @kind color */

  /* Dog-photo hover overlay (reveals name) */
  --gradient-photo-overlay: linear-gradient(to top, rgba(139,92,246,0.6) 0%, rgba(139,92,246,0.2) 50%, transparent 100%); /* @kind color */

  /* Spotlight backgrounds for depth */
  --spotlight-violet: radial-gradient(circle at 50% 50%, rgba(139,92,246,0.10) 0%, transparent 50%); /* @kind color */
  --spotlight-golden: radial-gradient(circle at 50% 50%, rgba(255,229,204,0.15) 0%, transparent 50%); /* @kind color */

  /* Golden glow — special moments (verjaardagen, achievements, paw accents) */
  --glow-golden: 0 0 20px rgba(255,229,204,0.3);

  /* Diepte komt van schaduw, niet van randen: warm-witte kaarten zweven op de warme
     pagina. Warm-getinte, heel zachte schaduw. */
  --shadow-card: 0 1px 2px rgba(120, 72, 24, 0.05), 0 6px 20px rgba(120, 72, 24, 0.07); /* @kind shadow */
  --card-shadow: var(--shadow-card); /* @kind shadow */
  --card-border: none; /* @kind other */

  /* Card lift on hover (met -translate-y-1) */
  --shadow-lift: 0 10px 15px -3px rgba(0,0,0,0.10), 0 4px 6px -4px rgba(0,0,0,0.10);

  /* Glassmorphism container (optioneel, op hero-gradient) */
  --glass-bg: rgba(255,255,255,0.3); /* @kind color */
  --glass-border: 2px solid rgba(255,255,255,0.5); /* @kind other */
  --glass-blur: blur(10px); /* @kind other */

  /* Motion: 200–600ms, ease-out in / ease-in uit; respecteer prefers-reduced-motion */
  --duration-fast: 200ms; /* @kind other */
  --duration-base: 300ms; /* @kind other */
  --duration-slow: 600ms; /* @kind other */
  --ease-enter: cubic-bezier(0, 0, 0.2, 1); /* @kind other */
  --ease-exit: cubic-bezier(0.4, 0, 1, 1); /* @kind other */
}