/* Bits&Pieces — Effects: radius, borders, shadows, blur */
:root {
  /* Corner radii — rounded but not pill-soft; punchy */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;   /* inputs, small cards */
  --radius-lg: 20px;   /* cards */
  --radius-xl: 28px;   /* feature panels */
  --radius-2xl: 36px;
  --radius-pill: 999px;

  /* Borders */
  --bw: 1px;       /* @kind other */
  --bw-thick: 2px; /* @kind other */

  /* Shadows — soft + deep on dark canvas */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.35);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.4);
  --shadow-lg: 0 18px 48px rgba(0,0,0,0.5);
  --shadow-xl: 0 32px 80px rgba(0,0,0,0.55);

  /* Glass / blur for overlays + sticky chrome */
  --blur-sm: 8px;  /* @kind other */
  --blur-md: 16px; /* @kind other */
  --blur-lg: 28px; /* @kind other */
  --glass-fill: rgba(22,17,30,0.72);    /* @kind color */
  --glass-border: rgba(255,255,255,0.10); /* @kind color */
}