/*
  Wortic macOS UI Kit — Elevation
  Sombras extremamente sutis, sempre em camadas: ring hairline
  (definição de borda) + sombra de contato + sombra ambiente.
  macOS não usa Material Design elevation; usa profundidade baseada
  em contraste de superfície + sombra fina.
*/

@layer utilities {
  .wm-elevation-0 {
    box-shadow: none;
  }
  .wm-elevation-1 {
    box-shadow: var(--wm-shadow-1), var(--wm-shadow-ring);
  }
  .wm-elevation-2 {
    box-shadow: var(--wm-shadow-2), var(--wm-shadow-ring);
  }
  .wm-elevation-3 {
    box-shadow: var(--wm-shadow-3), var(--wm-shadow-ring);
  }
  .wm-elevation-4 {
    box-shadow: var(--wm-shadow-4), var(--wm-shadow-ring);
  }

  /* Sombras compostas semânticas (ring + contato + ambiente prontos) */
  .wm-elevation-panel {
    box-shadow: var(--wm-shadow-panel, var(--wm-shadow-2)),
      var(--wm-shadow-inner-highlight, inset 0 1px 0 rgba(255, 255, 255, 0.18));
  }
  .wm-elevation-floating {
    box-shadow: var(--wm-shadow-floating, var(--wm-shadow-3)),
      var(--wm-shadow-inner-highlight, inset 0 1px 0 rgba(255, 255, 255, 0.18));
  }
  .wm-elevation-window {
    box-shadow: var(--wm-shadow-window, var(--wm-shadow-4)),
      var(--wm-shadow-inner-highlight, inset 0 1px 0 rgba(255, 255, 255, 0.18));
  }
}