/* Neurobusiness — Effects Tokens (shadows, radii, gradients) */
:root {

  /* ─── Border Radius ─────────────────────────────────────── */
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  24px;
  --radius-3xl:  32px;
  --radius-full: 9999px;

  /* ─── Shadows ────────────────────────────────────────────── */
  --shadow-xs:  0 1px 2px rgba(5, 5, 8, 0.06);
  --shadow-sm:  0 2px 6px rgba(5, 5, 8, 0.08), 0 1px 2px rgba(5, 5, 8, 0.04);
  --shadow-md:  0 4px 16px rgba(5, 5, 8, 0.10), 0 2px 4px rgba(5, 5, 8, 0.06);
  --shadow-lg:  0 8px 32px rgba(5, 5, 8, 0.12), 0 4px 8px rgba(5, 5, 8, 0.06);
  --shadow-xl:  0 16px 48px rgba(5, 5, 8, 0.14), 0 8px 16px rgba(5, 5, 8, 0.06);
  --shadow-2xl: 0 24px 64px rgba(5, 5, 8, 0.18), 0 12px 24px rgba(5, 5, 8, 0.08);

  /* Brand-tinted shadows */
  --shadow-magenta: 0 8px 32px rgba(255, 11, 114, 0.20);
  --shadow-blue:    0 8px 32px rgba(0, 140, 255, 0.20);
  --shadow-violet:  0 8px 32px rgba(139, 92, 246, 0.20);

  /* ─── Gradients ─────────────────────────────────────────── */
  /* Brand gradient — magenta → violet → blue (matches logo) */
  --gradient-brand:       linear-gradient(135deg, #FF0B72 0%, #8B5CF6 50%, #008CFF 100%); /* @kind other */
  --gradient-brand-h:     linear-gradient(90deg, #FF0B72 0%, #008CFF 100%); /* @kind other */
  --gradient-brand-r:     linear-gradient(135deg, #008CFF 0%, #8B5CF6 50%, #FF0B72 100%); /* @kind other */

  /* Accent gradients */
  --gradient-magenta:     linear-gradient(135deg, #FF0B72 0%, #FE4599 100%); /* @kind other */
  --gradient-blue:        linear-gradient(135deg, #0540F2 0%, #008CFF 100%); /* @kind other */
  --gradient-violet:      linear-gradient(135deg, #6D28D9 0%, #8B5CF6 100%); /* @kind other */

  /* Surface gradients */
  --gradient-subtle:      linear-gradient(135deg, #F5F7FA 0%, #EEF1F5 100%); /* @kind other */
  --gradient-dark:        linear-gradient(135deg, #050508 0%, #20242A 100%); /* @kind other */
  --gradient-dark-rich:   linear-gradient(135deg, #050508 0%, #131620 50%, #20242A 100%); /* @kind other */

  /* Data / chart fills */
  --gradient-data-primary:   linear-gradient(180deg, rgba(0, 140, 255, 0.2) 0%, rgba(0, 140, 255, 0) 100%); /* @kind other */
  --gradient-data-accent:    linear-gradient(180deg, rgba(255, 11, 114, 0.2) 0%, rgba(255, 11, 114, 0) 100%); /* @kind other */

  /* ─── Borders ───────────────────────────────────────────── */
  --border-width-sm: 1px;
  --border-width-md: 2px;
  --border-width-lg: 3px;

  /* ─── Blur ──────────────────────────────────────────────── */
  --blur-sm: blur(4px); /* @kind other */
  --blur-md: blur(12px); /* @kind other */
  --blur-lg: blur(24px); /* @kind other */
  --blur-xl: blur(40px); /* @kind other */
}