/**
 * RunMyCampus shared glass surface recipe — marketing + portal + backend (SOT §8.0).
 * Single source for blur, border, shadow, fill so prospects recognize product after login.
 * See docs/GLASS_SURFACE_DESIGN_RECIPE.md
 */
:root {
  --rmc-glass-blur: 14px;
  --rmc-glass-bg: rgba(255, 255, 255, 0.78);
  --rmc-glass-bg-strong: rgba(255, 255, 255, 0.92);
  --rmc-glass-border: rgba(255, 255, 255, 0.65);
  --rmc-glass-border-subtle: rgba(148, 163, 184, 0.22);
  --rmc-glass-shadow: 0 8px 32px rgba(15, 23, 42, 0.08);
  --rmc-glass-shadow-elevated: 0 20px 50px rgba(15, 23, 42, 0.12);
  --rmc-glass-radius: 1rem;
  --rmc-glass-radius-lg: 1.25rem;
}

[data-theme="dark"] .portal-body-with-layout,
html[data-bs-theme="dark"] .portal-body-with-layout,
body.portal-backend-dark {
  --rmc-glass-bg: rgba(30, 41, 59, 0.72);
  --rmc-glass-bg-strong: rgba(30, 41, 59, 0.88);
  --rmc-glass-border: rgba(148, 163, 184, 0.18);
  --rmc-glass-border-subtle: rgba(148, 163, 184, 0.12);
  --rmc-glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  --rmc-glass-shadow-elevated: 0 24px 60px rgba(0, 0, 0, 0.45);
}

.marketing-surface {
  --rmc-glass-bg: rgba(255, 255, 255, 0.12);
  --rmc-glass-bg-strong: rgba(255, 255, 255, 0.18);
  --rmc-glass-border: rgba(255, 255, 255, 0.2);
  --rmc-glass-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
}

.rmc-glass-surface {
  background: var(--rmc-glass-bg);
  backdrop-filter: blur(var(--rmc-glass-blur));
  -webkit-backdrop-filter: blur(var(--rmc-glass-blur));
  border: 1px solid var(--rmc-glass-border);
  border-radius: var(--rmc-glass-radius);
  box-shadow: var(--rmc-glass-shadow);
}

.rmc-glass-surface--strong {
  background: var(--rmc-glass-bg-strong);
  box-shadow: var(--rmc-glass-shadow-elevated);
}

.rmc-glass-sidebar-shell {
  background: var(--rmc-glass-bg);
  backdrop-filter: blur(var(--rmc-glass-blur));
  -webkit-backdrop-filter: blur(var(--rmc-glass-blur));
  border-right: 1px solid var(--rmc-glass-border-subtle);
}