/* WMS Effects — shadows, transitions, focus
 * The brand is flat and friendly: soft, low, neutral shadows on white cards;
 * no heavy drop shadows, no inner shadows. Rounded corners do the lifting. */

:root {
  /* ---- Shadows (soft, cool-neutral, derived from midnight) ---- */
  --shadow-xs: 0 1px 2px rgba(20, 36, 51, 0.08);
  --shadow-sm: 0 2px 8px rgba(20, 36, 51, 0.08);
  --shadow-md: 0 6px 20px rgba(20, 36, 51, 0.10);
  --shadow-lg: 0 16px 40px rgba(20, 36, 51, 0.14);
  /* playful colored lift for accent cards */
  --shadow-yellow: 0 10px 28px rgba(255, 200, 11, 0.30);
  --shadow-turquoise: 0 10px 28px rgba(38, 180, 175, 0.28);

  /* ---- Transitions ---- (gentle ease, no bounce) */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-normal: 200ms; /* @kind other */
  --dur-slow:   320ms; /* @kind other */
  --transition: all var(--dur-normal) var(--ease-standard); /* @kind other */

  /* ---- Focus ---- */
  --focus-ring: 0 0 0 3px rgba(38, 180, 175, 0.45);

  /* ---- Hover/press conventions ---- */
  --hover-darken:  rgba(0, 0, 0, 0.10);   /* @kind other */
  --press-scale:   0.97; /* @kind other */
}