/* ===========================================================================
   Honeypot — Effects: radius, borders, shadows, motion
   The brand reads bold, chunky and high-contrast (thick strokes, rounded
   terminals). Signature treatment: generous pill/rounded radii + a solid
   "hard" offset shadow in anthrax for playful, sticker-like depth.
   =========================================================================== */

:root {
  /* ---- Radii ------------------------------------------------------------- */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   14px;
  --radius-lg:   20px;
  --radius-xl:   28px;
  --radius-2xl:  40px;
  --radius-pill: 999px;
  --radius-round:50%;

  /* ---- Border widths ----------------------------------------------------- */
  --border-hair:  1px;
  --border-thin:  1.5px;
  --border-thick: 2px;
  --border-chunk: 3px;   /* signature chunky outline */

  /* ---- Soft shadows (neutral, cool) -------------------------------------- */
  --shadow-xs: 0 1px 2px rgba(30, 30, 30, 0.06);
  --shadow-sm: 0 2px 6px rgba(30, 30, 30, 0.08);
  --shadow-md: 0 6px 18px rgba(30, 30, 30, 0.10);
  --shadow-lg: 0 16px 40px rgba(30, 30, 30, 0.12);
  --shadow-xl: 0 28px 70px rgba(30, 30, 30, 0.16);

  /* ---- Hard offset shadows (signature, sticker depth) -------------------- */
  --shadow-hard-sm: 3px 3px 0 var(--hp-anthrax);
  --shadow-hard-md: 5px 5px 0 var(--hp-anthrax);
  --shadow-hard-lg: 8px 8px 0 var(--hp-anthrax);
  --shadow-hard-lemon: 5px 5px 0 var(--hp-neon-lemon);

  /* ---- Focus ------------------------------------------------------------- */
  --focus-ring-width: 3px;
  --focus-ring-shadow: 0 0 0 3px rgba(120, 0, 231, 0.35);

  /* ---- Motion ------------------------------------------------------------ */
  --ease-standard: cubic-bezier(0.2, 0.7, 0.2, 1);   /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);    /* @kind other */
  --ease-bounce:   cubic-bezier(0.34, 1.56, 0.64, 1);/* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-normal: 200ms; /* @kind other */
  --dur-slow:   320ms; /* @kind other */
}
