/* ============================================================
   INTERSOLIS — Glass (glassmorphism) tokens + utilities
   Panels sit on photo/gradient backgrounds; blur stays light so brand
   photography and colour still read through. Navy tint keeps glass
   on-brand instead of neutral-grey. Use on cards, nav bars, CTA pills.
   ============================================================ */
:root{
  --glass-bg:          rgba(255,255,255,.62);
  --glass-bg-strong:   rgba(255,255,255,.78);
  --glass-bg-tint:     rgba(224,234,250,.55);  /* faint navy-tinted glass, for photo bgs */
  --glass-border:      rgba(255,255,255,.65);
  --glass-border-soft: rgba(14,56,122,.12);
  --glass-blur:        14px;
  --glass-blur-soft:   8px;
  --glass-shadow:      0 8px 28px rgba(4,41,64,.14), inset 0 1px 0 rgba(255,255,255,.5);
  --glass-shadow-sm:   0 4px 14px rgba(4,41,64,.10);
  /* dark glass variant — hero/navy-photo surfaces where text stays light */
  --glass-bg-dark:     rgba(8,37,84,.42);
  --glass-border-dark: rgba(255,255,255,.22);
  --glass-shadow-dark: 0 8px 28px rgba(4,20,40,.35), inset 0 1px 0 rgba(255,255,255,.14);
}

/* ---------- GLASS UTILITY CLASSES ---------- */
.glass{
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(var(--glass-blur));
  backdrop-filter: blur(var(--glass-blur));
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
}
.glass-strong{ background: var(--glass-bg-strong); }
.glass-tint{ background: var(--glass-bg-tint); border-color: var(--glass-border-soft); }
.glass-dark{
  background: var(--glass-bg-dark);
  -webkit-backdrop-filter: blur(var(--glass-blur));
  backdrop-filter: blur(var(--glass-blur));
  border: 1px solid var(--glass-border-dark);
  box-shadow: var(--glass-shadow-dark);
  color: var(--white);
}