/* ArchiTrak effects: radii, shadows, glows, transitions */

:root {
  /* Radius — base 0.75rem; cards use rounded-2xl (1rem) */
  --radius: 0.75rem;
  --radius-sm: calc(var(--radius) - 4px);   /* 0.5rem — buttons (rounded-md) */
  --radius-lg: var(--radius);
  --radius-card: 1rem;                       /* rounded-2xl app cards */
  --radius-glass: 2rem;                      /* marketing glass cards */
  --radius-full: 9999px;                     /* badges/pills */

  /* Dark-mode shadows (subtle white glow) */
  --shadow-elegant: 0 4px 20px -4px hsl(0 0% 100% / 0.05);
  --shadow-card: 0 2px 10px -2px hsl(0 0% 100% / 0.03);
  --shadow-feature: 0 8px 30px -8px hsl(0 0% 100% / 0.08);

  /* Green glow system — signature hover treatment */
  --shadow-glow: 0 0 40px hsl(134 50% 40% / 0.4);
  --shadow-glow-intense: 0 0 60px hsl(134 50% 40% / 0.6);
  --glow-button-hover: 0 0 25px rgba(34, 197, 94, 0.5);
  --glow-outline-hover: 0 0 20px rgba(34, 197, 94, 0.3);
  --glow-card-hover: 0 0 20px rgba(34, 197, 94, 0.6);

  /* Glass card (premium-card / marketing) */
  --glass-bg: linear-gradient(135deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%); /* @kind color */
  --glass-border: hsl(0 0% 100% / 0.12);
  --glass-highlight: inset 0 1px 0 0 rgba(255,255,255,0.05); /* @kind shadow */
  --glass-shadow: inset 0 1px 0 0 rgba(255,255,255,0.05), 0 4px 20px -4px rgba(0,0,0,0.15);
  --glass-blur: blur(20px) saturate(150%); /* @kind other */

  /* Motion */
  --transition-smooth: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --transition-elegant: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* @kind other */
  --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);      /* @kind other */
  --duration-fast: 0.2s; /* @kind other */
  --duration-base: 0.3s; /* @kind other */
  --duration-slow: 0.5s; /* @kind other */
}