/* Tier 1 — Heavy Glass */
.glass-heavy {
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.glass-heavy--cream {
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  background: rgba(253, 240, 224, 0.6);
  border: 1px solid rgba(232, 196, 160, 0.2);
}

/* Tier 2 — Medium Glass */
.glass-medium {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 32px rgba(74, 48, 48, 0.08);
  border-radius: var(--radius-xl);
}

/* Tier 3 — Light Glass */
.glass-light {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-lg);
}

/* Glass hover brightening */
.glass-medium:hover {
  background: rgba(255, 255, 255, 0.25);
  box-shadow: 0 20px 48px rgba(74, 48, 48, 0.15);
}