/* Egg & Bunz — Effects: shadows, borders, motion, patterns
   Warm, soft shadows. Bouncy, quick motion. Chunky friendly outlines. */

:root {
  /* ---- Shadows — warm-tinted, soft ---- */
  --shadow-xs: 0 1px 2px rgba(27,27,27,0.06);
  --shadow-sm: 0 2px 8px rgba(27,27,27,0.08);
  --shadow-md: 0 8px 24px rgba(27,27,27,0.10);
  --shadow-lg: 0 16px 40px rgba(27,27,27,0.14);
  /* warm yellow glow for accent/hero elements */
  --shadow-yellow: 0 10px 30px rgba(242,158,46,0.28);
  /* chunky cartoon offset shadow (logo-inspired) */
  --shadow-pop: 4px 4px 0 var(--eb-charcoal-800);
  --shadow-pop-sm: 3px 3px 0 var(--eb-charcoal-800);

  /* ---- Borders ---- */
  --bw-hair: 1px;   /* @kind other */
  --bw-base: 2px;   /* @kind other */
  --bw-chunky: 3px; /* @kind other */
  --border-outline: var(--bw-chunky) solid var(--eb-charcoal-800);

  /* ---- Motion — snappy & bouncy ---- */
  --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: 120ms; /* @kind other */
  --dur-base: 180ms; /* @kind other */
  --dur-slow: 300ms; /* @kind other */
  --press-scale: 0.96; /* @kind other */
  --hover-lift: -2px;  /* @kind other */

  /* ---- Signature brand pattern (EGG&BUNZ tile) ---- */
  --pattern-purple: url('../assets/patterns/pattern-purple.png'); /* @kind other */
  --pattern-yellow: url('../assets/patterns/pattern-yellow.png'); /* @kind other */
}

/* Reusable pattern-fill helper (purple field, yellow wordmark tile) */
.eb-pattern-fill {
  background-color: var(--eb-grape);
  background-image: var(--pattern-purple);
  background-size: 340px auto;
  background-repeat: repeat;
}