/* ============================================================
   DISCO GRINGO — EFFECTS: RADII, BORDERS, SHADOWS
   The brand reads as hand-drawn stickers: GENEROUS rounding,
   a HEAVY black marker outline, and a HARD offset shadow
   (solid, no blur) instead of soft drop shadows.
   ============================================================ */
:root {
  /* ---- Corner radii (bubbly, generous) ---- */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   16px;   /* default cards / inputs */
  --radius-lg:   24px;   /* feature cards */
  --radius-xl:   32px;
  --radius-pill: 999px;  /* buttons, chips, tags */
  --radius-blob: 48% 52% 56% 44% / 52% 46% 54% 48%; /* organic blob */

  /* ---- Borders: the signature marker outline ---- */
  --border-hair:  1px solid var(--color-border-soft);
  --border-ink:   2px solid var(--ink-900);   /* standard outline */
  --border-bold:  3px solid var(--ink-900);   /* emphasis outline */
  --border-heavy: 4px solid var(--ink-900);   /* hero / display outline */
  --border-width-ink: 2px;
  --border-width-bold: 3px;

  /* ---- Hard "sticker" shadows (solid offset, no blur) ---- */
  --shadow-pop-sm: 2px 2px 0 0 var(--ink-900);
  --shadow-pop:    4px 4px 0 0 var(--ink-900);   /* default raised */
  --shadow-pop-lg: 6px 6px 0 0 var(--ink-900);   /* feature cards */
  --shadow-pop-pink: 4px 4px 0 0 var(--pink-400);
  --shadow-pop-teal: 4px 4px 0 0 var(--teal-400);

  /* ---- Soft shadows (sparingly: overlays, popovers, toasts) ---- */
  --shadow-soft:   0 6px 20px -8px rgba(14,14,14,0.25);
  --shadow-float:  0 16px 40px -12px rgba(14,14,14,0.30);

  /* ---- Motion ---- */
  /* playful overshoot */
  --ease-pop:   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-base:   200ms; /* @kind other */
  --dur-slow:   320ms; /* @kind other */

  /* press travel: button "stamps down" into its shadow */
  --press-travel: 2px; /* @kind other */
}