/* FOX Intelligence — Effects
   Corners stay crisp (no playful rounding). Shadows are deep and quiet.
   Motion is Linear-fast with a decisive ease-out. */
:root {
  /* Radius — minimal, technical */
  --radius-none: 0;
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   10px;
  --radius-xl:   14px;   /* app-icon / large media */
  --radius-full: 999px;

  /* Elevation (over warm-black) */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.45);
  --shadow-md: 0 6px 20px rgba(0,0,0,0.45);
  --shadow-lg: 0 20px 56px rgba(0,0,0,0.55);
  --shadow-inset: inset 0 1px 0 rgba(255,252,242,0.04);

  /* Accent glow — verified / active / focus */
  --glow-accent: 0 0 0 1px var(--accent-border), 0 0 28px rgba(200,169,106,0.20);
  --ring-focus:  0 0 0 2px var(--bg-base), 0 0 0 4px var(--accent);

  /* Motion — Linear-inspired */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 400ms; /* @kind other */
  --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-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */

  /* Blur — glass panels over the map */
  --blur-panel: blur(20px) saturate(1.1); /* @kind other */
}
