/* ============================================================
   Junturi — Radius, borders, shadows, blur
   Cards lean on hairline borders over shadow. Elevation shadows
   are reserved for floating chrome (dialogs, the app-icon tile).
   ============================================================ */
:root {
  /* ---- Corner radii ---- */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;    /* default card */
  --radius-lg: 19px;
  --radius-xl: 22px;    /* app-icon tile */
  --radius-pill: 999px;

  /* ---- Border widths ---- */
  --border-1: 1px;
  --border-2: 2px;

  /* ---- Elevation ---- */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.24);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.28);
  --shadow-lg: 0 20px 60px rgba(0,0,0,0.42);
  --shadow-logo: 0 10px 26px rgba(0,0,0,0.32);

  /* ---- Blur ---- */
  --blur-panel: 14px;
}