/* ============================================================
   Carol S. Grant — Effects: radii, shadows, borders, motion
   Soft, premium, restrained. Shadows are low and warm-tinted,
   never the default cold grey. Corners are gently rounded, not
   pill-shaped (except small tags).
   ============================================================ */

:root {
  /* Radii */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   18px;
  --radius-xl:   28px;
  --radius-pill: 999px;

  /* Shadows — warm plum-tinted, low elevation */
  --shadow-xs:   0 1px 2px rgba(31, 12, 38, 0.06);
  --shadow-sm:   0 2px 8px rgba(31, 12, 38, 0.07);
  --shadow-md:   0 8px 24px rgba(31, 12, 38, 0.10);
  --shadow-lg:   0 20px 48px rgba(31, 12, 38, 0.14);
  --shadow-accent: 0 10px 30px rgba(255, 45, 120, 0.28);

  /* Border widths */
  --border-hair:  1px;
  --border-thick: 2px;

  /* Motion — quiet, no bounce. Calm ease, modest durations. */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);      /* @kind other */
  --duration-fast: 140ms; /* @kind other */
  --duration-base: 220ms; /* @kind other */
  --duration-slow: 420ms; /* @kind other */
}