/* ───────────────────────────────────────────────────────────────
   Kenny — Spacing, radius, shadow & motion tokens
   The launcher is built on a blocky pixel grid: sharp corners, hard
   3D button edges (Minecraft block lighting), no soft drop shadows.
   The website softens slightly: 6px radius, faint hairline borders.
   ─────────────────────────────────────────────────────────────── */
:root {
  /* ── Spacing scale (px) ── */
  --space-1: 4px;
  --space-2: 6px;
  --space-3: 10px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 30px;
  --space-8: 40px;
  --space-9: 64px;
  --space-10: 85px;
  --space-gutter: 140px;   /* top/bottom inset of the side menu        */

  /* ── Radii ── */
  --radius-none: 0px;      /* default — pixel/launcher surfaces         */
  --radius-sm: 5px;        /* control chrome                            */
  --radius-md: 6px;        /* website cards & inputs                    */
  --radius-pill: 100px;    /* avatars / round chips                     */

  /* ── 3D pixel-button edges (solid, not blurred) ── */
  --btn-edge: 6px;                                  /* edge thickness   */
  --shadow-btn: inset 0 calc(-1 * var(--btn-edge)) 0 var(--kenny-orange-edge);
  --shadow-btn-press: inset 0 3px 0 var(--kenny-orange-deep);

  /* ── Surface shadows ── */
  --shadow-card: inset 0 0 0 1px var(--hairline-dark);   /* light card  */
  --shadow-topbar: 0 0 6px 0 rgba(0, 0, 0, 0.12);        /* website nav */
  --shadow-menu: 0 0 0 1.2px var(--hairline);            /* dark panel  */
  --shadow-text: 0 4px 4px rgba(0, 0, 0, 0.25);          /* pixel text  */

  /* ── Protection gradients ── */
  --grad-floor: linear-gradient(0deg, var(--ink-1) 37%, rgba(14, 14, 14, 0) 100%);

  /* ── Motion ── instant & snappy; pixel UIs avoid easing flourishes */
  --ease-snap: steps(1, end); /* @kind other */
  --ease-ui: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --dur-fast: 90ms; /* @kind other */
  --dur-base: 160ms; /* @kind other */
}