/* NeuraPoints — Borders & elevation tokens */
:root {
  --np-border-line: 1px solid var(--np-border);
  --np-border-line-strong: 1px solid var(--np-border-strong);
  --np-divider: 1px solid #7C878E33; /* @kind other */

  /* Elevation — soft, cool, low-spread shadows */
  --np-shadow-xs: 0px 1px 2px rgba(10, 13, 18, 0.05);
  --np-shadow-sm: 0px 1px 3px rgba(10, 13, 18, 0.10), 0px 1px 2px rgba(10, 13, 18, 0.06);
  --np-shadow-menu: 0px 12px 16px -4px rgba(10, 13, 18, 0.08), 0px 4px 6px -2px rgba(10, 13, 18, 0.03), 0px 2px 2px -1px rgba(10, 13, 18, 0.04);
  --np-shadow-dropdown: 0px 8px 24px rgba(0, 0, 0, 0.10);
  --np-shadow-modal: 0px 4px 100px rgba(0, 0, 0, 0.25);
  --np-shadow-right-panel: 0px 24px 32px -16px rgba(0, 0, 0, 0.50);
  --np-shadow-toast: 0px 5px 5px -2.5px rgba(10, 13, 18, 0.04), 0px 32px 64px -12px rgba(10, 13, 18, 0.14);
  --np-shadow-point: 0px 1px 4px rgba(0, 0, 0, 0.20);

  /* Focus ring — brand sky at 50% */
  --np-ring: 0 0 0 3px rgba(11, 165, 236, 0.40);
}