/* ── Sigil effects: radii, borders, elevation, motion ────────────────
   Depth comes from surface-luminance steps and hairline rules, NOT blur.
   No glassmorphism, no neumorphism, no heavy drop shadows. Shadows here
   are whisper-soft contact shadows only, for object/photo moments.
   Corners are gently rounded (the hardware is a smooth pebble) — never
   pill-blobby, never sharp-brutalist. */

:root {
  /* Corner radii */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;   /* default card / control radius */
  --radius-lg:   18px;
  --radius-xl:   28px;
  --radius-full: 999px;

  /* Border weights — the drafting-rule register */
  --border-hair:   1px;   /* 1px hairline rules & dividers */
  --border-thick:  1.5px; /* icon stroke weight; emphasized rules */

  /* Elevation — used sparingly, object moments only */
  --shadow-contact: 0 1px 2px rgba(55,53,47,0.05);
  --shadow-card:    0 2px 8px rgba(55,53,47,0.06);
  --shadow-object:  0 24px 60px -24px rgba(55,53,47,0.22);

  /* Motion — "permeable but solid": fast, decisive, never bouncy */
  --dur-micro:   120ms;  /* @kind other */
  --dur-base:    180ms;  /* @kind other */
  --dur-view:    240ms;  /* @kind other */
  --ease-out:    cubic-bezier(0.2, 0, 0, 1);  /* @kind other */
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */

  /* Focus */
  --focus-width: 2px; /* @kind other */
}

:root[data-theme="dark"], .sigil-dark {
  --shadow-contact: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-card:    0 2px 10px rgba(0,0,0,0.35);
  --shadow-object:  0 24px 60px -24px rgba(0,0,0,0.6);
}