:root{
  /* Radii — soft, generous; pills for every control */
  --radius-none:0;
  --radius-xs:6px;
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:18px;
  --radius-xl:24px;
  --radius-2xl:32px;
  --radius-pill:999px;

  --border-width-hairline:1px;

  /* Shadows — pure black depth; light comes from the glow, not from shadows */
  --shadow-none:none;
  --shadow-sm:0 4px 16px rgba(0,0,0,.30);
  --shadow-md:0 18px 50px rgba(0,0,0,.38);
  --shadow-lg:0 34px 90px rgba(0,0,0,.55);
  --shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.06);

  /* Glow — the signature. Mint light behind and inside elements. */
  --glow-accent-sm:0 0 18px rgba(94,234,212,.28); /* @kind other */
  --glow-accent-md:0 0 40px rgba(94,234,212,.32); /* @kind other */
  --glow-accent-lg:0 0 90px rgba(20,184,166,.35); /* @kind other */
  --shadow-focus:0 0 0 3px rgba(94,234,212,.35);

  /* The background sphere: bright rim, dark core, teal falloff */
  --sphere-gradient:radial-gradient(circle at 50% 50%, rgba(0,0,0,0) 0 55%, var(--ap-mint-900) 63%, var(--ap-mint-500) 76%, var(--ap-mint-100) 87%, var(--ap-mint-500) 94%, rgba(0,0,0,.65) 100%); /* @kind color */
  --sphere-blur:44px;
  --bloom-gradient:radial-gradient(ellipse at 50% 50%, var(--ap-mint-400) 0%, transparent 68%); /* @kind color */
  --vignette:radial-gradient(150% 105% at 50% 40%, transparent 62%, var(--ap-ink-900) 92%); /* @kind color */

  --blur-glass:blur(20px); /* @kind other */
  --blur-nav:blur(14px); /* @kind other */
}