/* ============================================================
   CHAMELEON SPACE — EFFECTS
   Hard edges. Hard shadows. No soft focus, no drop-blur mush.
   The shadow is an offset BLOCK, like a sticker peeling off
   the page. Borders are thick and ink-black.
   ============================================================ */

:root {
  /* ---- radii — mostly square. Stickers, not pills. ---- */
  --radius-0:    0px;
  --radius-1:    3px;
  --radius-2:    6px;
  --radius-pill: 999px;
  --radius-card: var(--radius-2);

  /* ---- borders ---- */
  --border-hair: 1px solid var(--line);
  --border:      2px solid var(--line-bold);
  --border-bold: 3px solid var(--line-bold);
  --border-w:    2px;

  /* ---- HARD offset shadows (x y 0 color) ---- */
  --shadow-xs:   2px 2px 0 var(--ink);
  --shadow-sm:   4px 4px 0 var(--ink);
  --shadow:      6px 6px 0 var(--ink);
  --shadow-lg:   10px 10px 0 var(--ink);
  --shadow-pop:  6px 6px 0 var(--accent);   /* colored block shadow */

  /* a single soft shadow, used sparingly for floating menus/toasts */
  --shadow-float: 0 12px 28px -8px rgba(11,10,9,0.45);

  /* ---- motion ---- */
  --ease-snap:  cubic-bezier(0.2, 0.9, 0.3, 1.3);   /* @kind other */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1);     /* @kind other */
  --dur-fast:   90ms;   /* @kind other */
  --dur:        160ms;  /* @kind other */
  --dur-slow:   280ms;  /* @kind other */

  /* press offset — buttons/cards travel INTO their shadow */
  --press: 3px;  /* @kind other */
}