/* ============================================================
   Arunda — Effects: radii, borders, shadows, motion  (v2)
   Aesthetic: Swiss workshop. Corners are mostly SHARP (0–4px).
   Shadows are cool graphite-tinted and low. The signature shape
   is an angled (dovetail) corner via clip-path — used sparingly.
   ============================================================ */

:root {
  /* ---- Radii (sharp-leaning) ---- */
  --radius-0:    0px;       /* default — cut timber edge */
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   8px;       /* inputs, small cards */
  --radius-lg:   14px;      /* large cards / sheets */
  --radius-pill: 999px;     /* tags, avatars */

  /* ---- Border widths ---- */
  --border-1: 1px;
  --border-2: 1.5px;
  --border-3: 2px;
  --border-rule: 3px;   /* heavy ink rule */

  /* ---- Cool shadows (graphite-tinted, low + crisp) ---- */
  --shadow-xs:  0 1px 2px rgba(22,25,27,0.09);
  --shadow-sm:  0 2px 6px rgba(22,25,27,0.10);
  --shadow-md:  0 6px 18px -6px rgba(22,25,27,0.16);
  --shadow-lg:  0 18px 44px -16px rgba(22,25,27,0.24);
  /* Hard offset shadow — the "stamped" press look */
  --shadow-stamp: 4px 4px 0 0 var(--ink-9);
  --shadow-stamp-accent: 4px 4px 0 0 var(--red-500);

  /* Inset */
  --shadow-inset: inset 0 1px 2px rgba(22,25,27,0.12);

  /* ---- Dovetail clip-paths (the joint motif) ---- */
  /* Trapezoid widening downward — the "tail" */
  --clip-tail: polygon(var(--cut-inset) 0, calc(100% - var(--cut-inset)) 0, 100% 100%, 0 100%);
  /* Trapezoid narrowing downward — the "pin" (inverse) */
  --clip-pin:  polygon(0 0, 100% 0, calc(100% - var(--cut-inset)) 100%, var(--cut-inset) 100%);
  /* Single angled top-right corner — chip / badge */
  --clip-chip: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%); /* @kind other */

  /* ---- Motion ---- */
  --ease-cut:    cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */   /* decisive, like a router pass */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-inout:  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 */

  /* Focus ring spec */
  --focus-width: 2px;
  --focus-offset: 2px;
}