/* ============================================================
   GRANDMA STAND — EFFECTS: shadows, motion, borders
   The brand's signature: a hard offset "letterpress" drop
   shadow behind display type (white or dark), plus soft
   friendly card shadows. No blur-heavy glassmorphism.
   ============================================================ */

:root {
  /* ---- Soft card shadows (warm purple-tinted, never gray) ---- */
  --shadow-sm: 0 2px 6px rgba(74, 26, 103, 0.10);
  --shadow-md: 0 8px 24px rgba(74, 26, 103, 0.14);
  --shadow-lg: 0 18px 48px rgba(74, 26, 103, 0.20);

  /* ---- Signature hard offset shadow behind headline type ----
     Used as text-shadow on display lettering (see logos/covers). */
  --text-shadow-hard-white: 4px 4px 0 var(--gs-white);
  --text-shadow-hard-dark: 4px 4px 0 var(--gs-purple-900);
  --text-shadow-hard-lav: 4px 4px 0 var(--gs-lavender-500);

  /* ---- Borders ---- */
  --border-width: 2px; /* @kind spacing */
  --border-width-thick: 3px; /* @kind spacing */

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

  /* Hover lift preset */
  --lift-hover: translateY(-3px); /* @kind other */
}