/* cutie+fi · effects — shadows, borders, transitions
   Soft, low-contrast elevation. Cards lift gently on hover. */

:root {
  /* Shadows */
  --shadow-card:       0 10px 30px -12px rgba(11, 14, 42, 0.12);
  --shadow-card-hover: 0 20px 40px -20px rgba(11, 14, 42, 0.15);
  --shadow-float:      0 30px 60px -20px rgba(11, 14, 42, 0.15);  /* sample-plan card */
  --shadow-pink:       0 6px 20px rgba(255, 0, 131, 0.25);        /* primary button rest */
  --shadow-pink-hover: 0 12px 32px rgba(255, 0, 131, 0.35);       /* primary button hover */

  /* Character drop shadow (illustration anchor): 8% black, blurred */
  --shadow-character:  0 4px 4px rgba(0, 0, 0, 0.08);

  /* Borders */
  --border-width:      1px;     /* @kind other */
  --border-width-cta:  1.5px;   /* @kind other */ /* secondary button outline */

  /* Motion */
  --ease:        cubic-bezier(0.22, 0.61, 0.36, 1);  /* @kind other */
  --dur-fast:    0.15s;              /* @kind other */
  --dur-base:    0.2s;               /* @kind other */
  --lift:        translateY(-2px);   /* @kind other */ /* button hover lift */
  --lift-card:   translateY(-4px);   /* @kind other */ /* card hover lift */

  /* Nav glass */
  --glass-bg:     rgba(255, 255, 255, 0.85);   /* @kind color */
  --glass-blur:   saturate(180%) blur(12px);   /* @kind other */
}