:root{
  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;    /* default card */
  --radius-xl:24px;
  --radius-2xl:32px;   /* full-bleed viewport panels */
  --radius-pill:999px; /* all buttons, all tags */

  --border-hair:1px; /* @kind spacing */
  --border-thick:2px; /* @kind spacing */

  /* Dark system: light is emitted, not cast. Glows over shadows. */
  --glow-teal:0 0 80px rgba(31,133,112,.35);
  --glow-teal-sm:0 0 32px rgba(31,133,112,.28);
  --glow-mint:0 0 48px rgba(168,216,201,.22);
  --glow-coral:0 0 40px rgba(217,111,76,.34);
  --shadow-dark-lift:0 24px 60px -24px rgba(0,0,0,.85);

  /* Light system: soft, warm, low-contrast */
  --shadow-sm:0 1px 2px rgba(43,43,40,.06);
  --shadow-md:0 8px 24px -8px rgba(43,43,40,.14);
  --shadow-lg:0 24px 60px -24px rgba(43,43,40,.22);

  --blur-glass:18px; /* @kind other */
  --blur-heavy:40px; /* @kind other */
}