/* MITSUMURA — Effects: borders, radii, shadow, motion
 * Tone (spec §4): minimal, quiet. 0.5px hairline rules for order.
 * Motion: restrained — subtle hover shifts only. No bounce, no large movement.
 */
:root {
  /* ---- Radii ---- (nearly square — luxury restraint) */
  --radius-none: 0;
  --radius-sm:   2px;
  --radius-md:   4px;
  --radius-pill: 999px;

  /* ---- Hairlines ---- */
  --hairline:      0.5px solid var(--rule);
  --hairline-ink:  0.5px solid var(--ink);
  --border-1:      1px solid var(--rule);

  /* ---- Shadow ---- (whisper-soft, almost none) */
  --shadow-none: none;
  --shadow-sm:   0 1px 2px rgba(26,26,26,0.04);
  --shadow-card: 0 2px 24px rgba(26,26,26,0.05);
  --shadow-lift: 0 8px 40px rgba(26,26,26,0.08);

  /* ---- Motion ---- */
  --ease:        cubic-bezier(0.4, 0, 0.2, 1);      /* @kind other */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);    /* @kind other */
  --dur-fast:    180ms;                             /* @kind other */
  --dur:         320ms;                             /* @kind other */
  --dur-slow:    600ms;                             /* @kind other */
  --transition:  all var(--dur) var(--ease);        /* @kind other */
}