/* ============================================================
   n4n · EFFECTS — radii, shadows, focus ring, motion
   Quiet, dense console physics: small radii, faint elevation,
   color-only transitions. No glow, no blur-heavy glass, no
   springs — restraint is the aesthetic.
   ============================================================ */
:root {
  /* Corner radii (Tailwind rounded-md/lg/xl in the console) */
  --r-xs:   4px;
  --r-sm:   6px;   /* controls: buttons, inputs, menu items */
  --r-md:   8px;   /* search pill, dropdown, key icon chips */
  --r-lg:   12px;  /* cards, command palette */
  --r-xl:   16px;
  --r-2xl:  24px;
  --r-full: 999px; /* badges, pills, avatars, progress */

  /* Elevation (Tailwind shadow-sm/md/lg/xl/2xl) */
  --shadow-sm:  0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md:  0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg:  0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl:  0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --shadow-pop: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1), 0 0 0 1px rgb(0 0 0 / 0.03); /* dropdowns */

  /* Focus — 2px soft indigo ring + accent border (ring-2 indigo-500/20) */
  --glow-focus:  0 0 0 2px oklch(58.5% .233 277.117 / .2);
  --glow-accent: 0 1px 2px 0 rgb(0 0 0 / 0.05); /* legacy alias — primary buttons carry shadow-sm only */

  /* Inset hairline (legacy alias — the console uses flat fills) */
  --edge-top: inset 0 0 0 0 transparent; /* @kind shadow */

  /* Blur — overlays only (drawer/palette backdrops) */
  --blur-sm: blur(1px); /* @kind other */
  --blur-md: blur(2px); /* @kind other */
  --blur-lg: blur(6px); /* @kind other */

  /* Motion — color-only transitions, quick and quiet */
  --ease-out:   cubic-bezier(0, 0, 0.2, 1); /* @kind other */
  --ease-in-out:cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-spring:cubic-bezier(0, 0, 0.2, 1); /* legacy alias — no springs */
  --dur-1: 150ms; /* @kind other — hovers (transition-colors) */
  --dur-2: 200ms; /* @kind other — sidebar slide */
  --dur-3: 300ms; /* @kind other — drawer slide */
  --dur-4: 500ms; /* @kind other */
}

/* Dark theme: same geometry; shadows read naturally on zinc-950. The
   focus ring keeps the indigo tint (indigo-500/20 works on both). */
:root[data-theme="dark"], .dark {
  --shadow-pop: 0 10px 15px -3px rgb(0 0 0 / 0.35), 0 4px 6px -4px rgb(0 0 0 / 0.35), 0 0 0 1px rgb(255 255 255 / 0.1);
}