/* materials.css — materiais (blur leve) */

.material{
  background: color-mix(in srgb, var(--surface) 80%, transparent);
  border: 1px solid var(--card-stroke);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-none);
}

.material--chrome{
  /* Dock/Topbar: blur bem leve, Apple-like */
  background: color-mix(in srgb, var(--surface) 70%, transparent);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid var(--card-stroke);
  box-shadow: var(--shadow-none);
}