/* Radii, borders, shadows, blur. On a near-black ground, drop shadows do nothing —
   depth comes from hairlines, a slightly lighter surface, and blue glow. */
:root{
  --radius-0:0;
  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:12px;   /* cards */
  --radius-xl:16px;
  --radius-pill:999px;

  --border-w:1px; /* @kind other */
  --border-w-thick:2px; /* @kind other */
  --border-card:1px solid var(--border-hairline); /* @kind other */
  --border-card-hover:1px solid var(--border-strong); /* @kind other */

  /* elevation: glow first, shadow second */
  --shadow-none:none; /* @kind other */
  --shadow-card:0 1px 0 rgba(151,205,255,.04) inset,0 24px 48px -24px rgba(0,0,0,.65);
  --shadow-card-hover:0 1px 0 rgba(151,205,255,.07) inset,0 28px 56px -24px rgba(0,0,0,.7),0 0 0 1px var(--border-strong);
  --shadow-overlay:0 32px 80px -20px rgba(0,0,0,.8);
  --glow-focus:0 0 0 3px rgba(42,139,242,.32);
  --glow-accent-sm:0 0 12px rgba(23,124,219,.45);
  --glow-accent-lg:0 0 48px rgba(23,124,219,.28);
  --glow-nucleus:0 0 10px rgba(230,96,0,.6);

  --blur-panel:blur(14px); /* @kind other */
  --blur-scrim:blur(2px); /* @kind other */

  --hairline-h:1px; /* @kind other */
  --rule-w:28px; /* @kind other */   /* the short orange accent rule */
  --rule-h:2px; /* @kind other */
}