/* CtrlSpace — Effects: radii, borders, shadows, motion
   Minimal & precise. Soft ambient shadows, generous but not pillowy radii,
   a signature signal-glow for active/live elements. */
:root {
  /* Corner radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 26px;
  --radius-pill: 999px;

  /* Hairline borders */
  --border-width: 1px;
  --border-width-thick: 1.5px;

  /* Ambient shadows — cool-tinted, low & wide */
  --shadow-xs: 0 1px 2px rgba(11,15,20,0.06);
  --shadow-sm: 0 2px 8px rgba(11,15,20,0.06);
  --shadow-md: 0 8px 24px rgba(11,15,20,0.08);
  --shadow-lg: 0 20px 48px rgba(11,15,20,0.12);
  --shadow-inset: inset 0 1px 0 rgba(255,255,255,0.6);

  /* Signature glows */
  --glow-signal: 0 0 0 4px rgba(168,130,63,0.16);
  --glow-pulse: 0 0 24px rgba(192,161,94,0.45);
  --focus-ring: 0 0 0 3px rgba(192,161,94,0.45);

  /* Blur — used behind floating controls / glass panels */
  --blur-panel: 18px;

  /* Motion — quick, confident, no bounce */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);   /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast: 120ms;  /* @kind other */
  --dur-base: 200ms;  /* @kind other */
  --dur-slow: 360ms;  /* @kind other */
}