/* Preset: Glass (glassmorphism) */
.stoc-style-glass{
  /* Glass card (light) + dark text for readability */
  --stoc-bg: rgba(255,255,255,.35);
  --stoc-border: rgba(0,0,0,.10);
  --stoc-text: #333333;
  --stoc-muted: rgba(0,0,0,.62);
  --stoc-link-color: #333333;
  --stoc-link-hover: #111111;
  --stoc-link-active: #111111;
  --stoc-toggle-icon-color: #333333;
  --stoc-shadow: 0 14px 40px rgba(0,0,0,.14);
  --stoc-radius: 16px;
  --stoc-accent:#f59e0b;
  --stoc-progress-color: var(--stoc-accent);
  --stoc-item-hover-bg: rgba(255,255,255,.14);
  --stoc-item-active-bg: rgba(245,158,11,.18);
  --stoc-sublist-border: rgba(0,0,0,.14);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.stoc-style-glass .stoc-header{
  background: rgba(255,255,255,.25);
}

/* Dark-mode aware: keep dark text by making the glass more opaque */
@media (prefers-color-scheme: dark){
  .stoc-style-glass{
    --stoc-bg: rgba(255,255,255,.85);
    --stoc-border: rgba(0,0,0,.18);
    --stoc-shadow: 0 16px 44px rgba(0,0,0,.35);
  }
  .stoc-style-glass .stoc-header{
    background: rgba(255,255,255,.55);
  }
}