/* ============================================================
   LCS — Effects: shadows, materials (blur), motion
   The app leans on .ultraThinMaterial frosted bars with soft
   drop shadows, and standard iOS spring/ease motion.
   ============================================================ */

:root {
  /* ---- Drop shadows (from the capsule bars / palette) ---- */
  --shadow-bar: 0 2px 6px rgba(0, 0, 0, 0.10);      /* top-bar capsule */
  --shadow-palette: 0 3px 8px rgba(0, 0, 0, 0.12);  /* tool palette + selection bar */
  --shadow-sheet: 0 8px 40px rgba(0, 0, 0, 0.18);   /* presented sheet */
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04);     /* subtle grouped card */

  /* ---- Materials (ultraThinMaterial approximation) ---- */
  --material-blur: 30px;
  --material-fill: rgba(255, 255, 255, 0.72);        /* light frosted glass */
  --material-fill-dark: rgba(30, 30, 32, 0.62);      /* dark frosted glass */
  --material-saturate: 180%;

  /* ---- Motion (iOS-standard) ---- */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.2, 0.0, 0.0, 1); /* @kind other */
  --spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast: 0.15s; /* @kind other */
  --dur-base: 0.25s; /* @kind other */
  --dur-slow: 0.4s; /* @kind other */
  --confirm-hold: 1.2s; /* @kind other */
}

.theme-dark {
  --material-fill: var(--material-fill-dark);
  --shadow-bar: 0 2px 6px rgba(0, 0, 0, 0.40);
  --shadow-palette: 0 3px 8px rgba(0, 0, 0, 0.45);
  --shadow-sheet: 0 8px 40px rgba(0, 0, 0, 0.60);
}

/* Reusable frosted-glass utility (matches .ultraThinMaterial bars) */
.lcs-material {
  background: var(--material-fill);
  -webkit-backdrop-filter: saturate(var(--material-saturate)) blur(var(--material-blur));
  backdrop-filter: saturate(var(--material-saturate)) blur(var(--material-blur));
}