/* ===========================================================================
   Airlumn — Effects: radii, shadows, gradients, motion
   The cosmic gradient is the signature surface; line-work arcs (orange +
   cyan) are decorative accents; corners are soft but not pill-round.
   =========================================================================== */

:root {
  /* --- Radii -------------------------------------------------------------- */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   18px;
  --radius-xl:   28px;
  --radius-2xl:  40px;
  --radius-pill: 999px;
  --radius-card: var(--radius-lg);

  /* --- Shadows (cool violet-tinted, never neutral grey) ------------------- */
  --shadow-xs:  0 1px 2px rgba(26, 6, 64, 0.08);
  --shadow-sm:  0 2px 8px rgba(26, 6, 64, 0.08);
  --shadow-md:  0 8px 24px rgba(26, 6, 64, 0.12);
  --shadow-lg:  0 18px 48px rgba(26, 6, 64, 0.18);
  --shadow-xl:  0 32px 80px rgba(16, 2, 37, 0.28);
  /* Accent glows — for hero CTAs / focal elements on dark */
  --glow-orange: 0 8px 30px rgba(255, 122, 0, 0.35);
  --glow-violet: 0 8px 40px rgba(170, 35, 232, 0.40);
  --glow-cyan:   0 8px 30px rgba(22, 200, 214, 0.35);

  /* --- Signature gradients ------------------------------------------------ */
  /* Deep-space hero: violet -> indigo -> black */
  --gradient-cosmic: linear-gradient(135deg, #AA23E8 0%, #3B0697 45%, #14091F 100%); /* @kind other */
  --gradient-cosmic-soft: linear-gradient(160deg, #5A11B0 0%, #260963 60%, #14091F 100%); /* @kind other */
  /* Brand mark gradient (violet -> indigo, as on the logo) */
  --gradient-mark: linear-gradient(135deg, #7E5BD6 0%, #4A2B9E 50%, #2E1170 100%); /* @kind other */
  /* Footer / band */
  --gradient-band: linear-gradient(120deg, #5A11B0 0%, #7214C4 50%, #4A2B9E 100%); /* @kind other */
  /* Energy sweep accent (used on lines / underlines) */
  --gradient-energy: linear-gradient(90deg, #FF7A00 0%, #AA23E8 100%); /* @kind other */

  /* --- Motion ------------------------------------------------------------- */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);    /* @kind other */
  --ease-in-out:cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);/* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   240ms; /* @kind other */
  --dur-slow:   420ms; /* @kind other */

  /* --- Z-index ------------------------------------------------------------ */
  --z-base:    1; /* @kind other */
  --z-sticky:  100; /* @kind other */
  --z-overlay: 1000; /* @kind other */
  --z-modal:   1100; /* @kind other */
  --z-toast:   1200; /* @kind other */
}