/* Exact utility recipes from the pinned library. */

.via-glass {
  background: linear-gradient(180deg, rgba(255,255,255,0.70) 0%, rgba(255,255,255,0.42) 100%);
  backdrop-filter: var(--via-blur-md);
  -webkit-backdrop-filter: var(--via-blur-md);
  border: 1px solid rgba(255,255,255,0.80);
  border-radius: var(--via-radius-lg);
  box-shadow: var(--via-shadow-glass-light);
}

.via-glass-strong {
  background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.58) 100%);
  backdrop-filter: var(--via-blur-lg);
  -webkit-backdrop-filter: var(--via-blur-lg);
  border: 1px solid rgba(255,255,255,0.95);
  border-radius: var(--via-radius-lg);
  box-shadow: var(--via-shadow-glass-light);
}
.via-glass-dark {
  background: linear-gradient(180deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.03) 100%);
  backdrop-filter: var(--via-blur-md);
  -webkit-backdrop-filter: var(--via-blur-md);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: var(--via-radius-lg);
  box-shadow: var(--via-shadow-glass-dark);
  color: var(--via-white);
}
.via-liquid {
  background: linear-gradient(180deg, rgba(255,255,255,0.80), rgba(255,255,255,0.55));
  backdrop-filter: var(--via-blur-md);
  -webkit-backdrop-filter: var(--via-blur-md);
  border: 1px solid rgba(255,255,255,0.95);
  border-radius: var(--via-radius-pill);
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 4px 16px rgba(10,31,59,0.08);
}
[data-theme="dark"] .via-glass {
  background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.03) 100%);
  border-color: rgba(255,255,255,0.10);
}
[data-theme="dark"] .via-glass-strong {
  background: linear-gradient(180deg, rgba(255,255,255,0.09) 0%, rgba(255,255,255,0.05) 100%);
  border-color: rgba(255,255,255,0.14);
}
[data-theme="dark"] .via-liquid {
  background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05));
  border-color: rgba(255,255,255,0.14);
  box-shadow: inset 0 1px 0 var(--via-edge-hi), 0 4px 16px rgba(0,0,0,0.3);
}