/* ============================================================
   AXIAL — Effects: radii, borders, shadows, glows, blueprint
   ============================================================ */

:root {
  /* Corner radii — engineered, not pillowy. */
  --radius-xs:  4px;
  --radius-sm:  6px;
  --radius-md:  10px;  /* default control */
  --radius-lg:  14px;  /* cards */
  --radius-xl:  18px;  /* panels / overlays */
  --radius-pill: 999px;

  /* Borders */
  --bw-hairline: 1px; /* @kind other */
  --bw-strong:   1.5px; /* @kind other */

  /* Shadows — dark UI, so shadows are deep & soft, glows do the accenting */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.40);
  --shadow-md:  0 6px 18px rgba(0,0,0,0.45);
  --shadow-lg:  0 18px 48px rgba(0,0,0,0.55);
  --shadow-overlay: 0 24px 64px rgba(0,0,0,0.65);

  /* Status glows — used on pinned cards & highlighted members */
  --glow-pass: 0 0 0 1px rgba(15,169,119,0.35), 0 0 32px -4px var(--green-glow);
  --glow-fail: 0 0 0 1px rgba(239,68,68,0.40), 0 0 36px -2px var(--red-glow);
  --glow-focus: 0 0 0 3px rgba(46,125,246,0.35);

  /* Blur for overlays / glass panels */
  --blur-panel: blur(14px); /* @kind other */

  /* Blueprint grid background — drop on any .canvas surface.
     Fine 24px grid + 120px major lines. */
  --blueprint-bg:
    linear-gradient(var(--grid-line) 1px, transparent 1px) 0 0 / 24px 24px,
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px) 0 0 / 24px 24px,
    linear-gradient(var(--grid-line-major) 1px, transparent 1px) 0 0 / 120px 120px,
    linear-gradient(90deg, var(--grid-line-major) 1px, transparent 1px) 0 0 / 120px 120px,
    var(--canvas); /* @kind other */

  /* Motion */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur:        200ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */
}