/* glass.css – Glassmorphism theme (Subtle Edition) */

/* Base theme colors */
.theme-light {
  background-color: #f9fafb; /* Tailwind gray-50 */
  color: #111827; /* Tailwind gray-900 */
}
.theme-dark {
  background-color: #111827; /* Tailwind gray-900 */
  color: #f3f4f6; /* Tailwind gray-100 */
}

/* Base effect applied when html has class .theme-glass */
.theme-glass body {
  background-color: #f8fafc !important; /* light slate background */
  background-image: 
    linear-gradient(rgba(148, 163, 184, 0.15) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.15) 1px, transparent 1px) !important;
  background-size: 24px 24px !important; /* subtle grid pattern */
  background-attachment: fixed !important;
  color: #0f172a !important; /* Keep text legible */
}

/* Blend Header and Sidebar into the background */
.theme-glass aside,
.theme-glass header {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Remove main container background if any */
.theme-glass main {
  background: transparent !important;
}

/* Chart Canvas Container */
.theme-glass .glass-chart {
  background: transparent !important;
}