:root {
  /* Modern Light Theme - Enhanced Depth & Clarity */
  --bg-body-rgb: 248, 250, 252;
  --bg-opacity: 0.5;
  --bg-body: rgba(var(--bg-body-rgb), var(--bg-opacity)); /* Back to transparent */
  --bg-card: #ffffff; /* Pure white cards for elevation */
  --bg-card-rgb: 255, 255, 255;
  --text-main: #0f172a; /* Slate 900 */
  --text-secondary: #334155; /* Slate 700 */
  --text-muted: #64748b; /* Slate 500 */
  --text-light: #94a3b8; /* Slate 400 */

  --primary: #4f46e5; /* Indigo 600 - More professional */
  --primary-rgb: 79, 70, 229;
  --primary-light: rgba(var(--primary-rgb), 0.1);
  --primary-hover: #4338ca; /* Indigo 700 */

  --border-color: #e2e8f0; /* Slate 200 */
  --glass-bg: rgba(var(--bg-card-rgb), 0.7);
  --glass-border: rgba(255, 255, 255, 0.5);
  --accent: #7c3aed; /* Violet 600 */

  --bg-hero-gradient-start: #f1f5f9;
  --bg-hero-gradient-mid: rgba(219, 234, 254, 0.4);

  /* Elevation Shadows */
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);

  /* Admin specific */
  --navbar-bgc: #1e293b;
  --navbar-logo-bgc: #0f172a;
  --header-bgc: #ffffff;
  --sidebar-text: rgba(255, 255, 255, 0.85);
  --sidebar-active-bg: var(--primary);
  --radius: 8px;

  /* Table overrides */
  --table-header-bgc: #f8fafc;
  --table-header-color: var(--text-main);
}