/* ============================================================
   Tocker — Radius & elevation tokens
   Soft navy shadows; a dedicated "orb glow" for active signal.
   ============================================================ */

:root {
  /* ---- Corner radius (charter §9) ---- */
  --radius-xs:   6px;
  --radius-sm:   8px;
  --radius-md:   14px;  /* default control / card */
  --radius-lg:   20px;
  --radius-xl:   28px;
  --radius-pill: 999px;
  --radius-full: 50%;

  /* ---- Borders ---- */
  --border-width:       1px;
  --border-width-strong:1.5px; /* secondary CTA, focusable controls */

  /* ---- Shadows (cool navy-tinted, never gray) ---- */
  --shadow-xs:   0 1px 2px rgba(7, 17, 31, 0.06);
  --shadow-sm:   0 2px 8px rgba(7, 17, 31, 0.08);
  --shadow-soft: 0 12px 32px rgba(7, 17, 31, 0.14); /* raised card */
  --shadow-lg:   0 24px 60px rgba(7, 17, 31, 0.22); /* dialogs / popovers */

  /* ---- Signal glow — the brand's one expressive effect ---- */
  --shadow-orb:      0 0 32px rgba(182, 255, 46, 0.22);
  --shadow-orb-soft: 0 0 16px rgba(182, 255, 46, 0.16);
  --shadow-orb-loud: 0 0 0 4px rgba(182, 255, 46, 0.16),
                     0 0 36px rgba(182, 255, 46, 0.40);
}