/* ============================================================
   Happy Quills — Radii, borders, shadows & motion
   The look: rounded, chunky black outlines, and playful
   "chunky drop" shadows (a solid darker color offset below).
   ============================================================ */

:root {
  /* ---- Corner radii (soft, rounded, friendly) ---- */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;    /* capsule buttons / feature pills */
  --radius-card: 22px;

  /* ---- Border widths ---- */
  --border-thin: 1.5px;
  --border-thick: 3px;     /* signature chunky outline (schedule cards) */
  --border-chunky: 4px;

  /* ---- Chunky "sticker" drop shadows (solid, offset) ----
     Use a darker tint of the element's own color for the offset. */
  --shadow-chunky-pink: 0 6px 0 0 var(--hq-pink-700);
  --shadow-chunky-soft: 0 6px 0 0 var(--hq-pink-500);
  --shadow-chunky-spark: 0 6px 0 0 var(--hq-yellow-600);
  --shadow-chunky-ink: 0 5px 0 0 var(--hq-ink);

  /* ---- Soft ambient shadows (cards floating on light bg) ---- */
  --shadow-soft-sm: 0 2px 8px rgba(29, 43, 80, 0.08);
  --shadow-soft-md: 0 8px 24px rgba(29, 43, 80, 0.12);
  --shadow-soft-lg: 0 16px 40px rgba(29, 43, 80, 0.16);

  /* ---- Motion ---- */
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);  /* @kind other */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);        /* @kind other */
  --dur-fast: 120ms;  /* @kind other */
  --dur-med: 220ms;   /* @kind other */
  --dur-slow: 360ms;  /* @kind other */
}