/* ISKONIQ — Radii & shadows.
   Soft, Linear/Notion-grade elevation on light surfaces. Corners moderate. */
:root {
  --radius-xs:   6px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   20px;
  --radius-2xl:  28px;
  --radius-full: 999px;

  --shadow-xs: 0 1px 2px rgba(3,3,3,0.06);
  --shadow-sm: 0 1px 3px rgba(3,3,3,0.07), 0 1px 2px rgba(3,3,3,0.04);
  --shadow-md: 0 4px 14px rgba(3,3,3,0.07), 0 2px 4px rgba(3,3,3,0.04);
  --shadow-lg: 0 12px 32px rgba(3,3,3,0.10), 0 4px 8px rgba(3,3,3,0.04);
  --shadow-xl: 0 24px 64px rgba(3,3,3,0.14);
  --shadow-accent: 0 8px 24px rgba(214,47,67,0.24);

  --ring-accent: 0 0 0 3px var(--accent-ring);
  --ring-neutral: 0 0 0 3px rgba(3,3,3,0.10);

  --transition-fast: 120ms cubic-bezier(0.4,0,0.2,1); /* @kind other */
  --transition:      180ms cubic-bezier(0.4,0,0.2,1); /* @kind other */
  --transition-slow: 320ms cubic-bezier(0.22,1,0.36,1); /* @kind other */
}