/* ==========================================================================
   AI Greenhouse | MahaRainRisk Agritech Dashboard Theme (Light Mode Only)
   Variables, Resets, Base Typography & Scrollbars
   ========================================================================== */

:root {
  /* Luminous Light Greenhouse Palette */
  --bg-page: #DCEBE1;
  --bg-gradient: radial-gradient(circle at 10% 10%, rgba(200, 235, 212, 0.85) 0%, transparent 40%),
                  radial-gradient(circle at 90% 90%, rgba(180, 225, 195, 0.75) 0%, transparent 45%),
                  #D4E7DA;

  /* Frosted Glass Acrylic Design Tokens */
  --dock-bg: rgba(255, 255, 255, 0.48);
  --dock-border: rgba(255, 255, 255, 0.75);
  --dock-active: #5E8A42; /* Pure Sage/Olive Green */
  --dock-active-hover: #4D7335;

  --frame-bg: rgba(244, 249, 246, 0.78);
  --frame-border: rgba(255, 255, 255, 0.92);
  --frame-shadow: 0 25px 70px -15px rgba(22, 54, 32, 0.16), 0 0 0 1px rgba(255, 255, 255, 0.85) inset;

  --card-bg: rgba(255, 255, 255, 0.74);
  --card-bg-hover: rgba(255, 255, 255, 0.88);
  --card-border: rgba(255, 255, 255, 0.85);
  --card-shadow: 0 8px 24px -4px rgba(25, 55, 35, 0.05), inset 0 1px 1px 0 rgba(255, 255, 255, 0.85);

  /* Glass Optics */
  --glass-blur-sm: blur(10px) saturate(180%);
  --glass-blur-md: blur(18px) saturate(190%);
  --glass-blur-lg: blur(28px) saturate(200%);
  --glass-rim: inset 0 1px 1.5px 0 rgba(255, 255, 255, 0.9);
  --glass-rim-subtle: inset 0 1px 1px 0 rgba(255, 255, 255, 0.75);

  --accent-lime: #B5F03A;
  --accent-green: #5E8A42;
  --accent-emerald: #10B981;
  --accent-amber: #EAB308;
  --accent-orange: #F97316;
  --accent-red: #EF4444;

  --text-main: #0F172A;
  --text-title: #1E293B;
  --text-secondary: #475569;
  --text-muted: #64748B;

  --radius-outer: 22px;
  --radius-card: 16px;
  --radius-pill: 9999px;

  --font-family: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans Devanagari", sans-serif;
}

/* Reset & Base */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: var(--font-family);
  background-color: var(--bg-page);
  background-image: url('/assets/greenhouse_bg.jpg'), var(--bg-gradient);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  color: var(--text-main);
  min-height: 100vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 12px;
  overflow-x: hidden;
  position: relative;
}

/* Base Frosted Backdrop Veil */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(225, 239, 230, 0.45);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  pointer-events: none;
  z-index: 0;
}

/* Animated Ambient Glow Mesh (Provides Vibrant Refraction Light Behind Glass) */
body::after {
  content: "";
  position: fixed;
  inset: -8%;
  width: 116%;
  height: 116%;
  background: 
    radial-gradient(circle at 16% 22%, rgba(181, 240, 58, 0.22) 0%, transparent 45%),
    radial-gradient(circle at 84% 18%, rgba(16, 185, 129, 0.26) 0%, transparent 42%),
    radial-gradient(circle at 72% 78%, rgba(56, 189, 248, 0.2) 0%, transparent 45%),
    radial-gradient(circle at 22% 82%, rgba(94, 138, 66, 0.22) 0%, transparent 40%);
  filter: blur(64px);
  pointer-events: none;
  z-index: 0;
  animation: ambient-drift 24s ease-in-out infinite alternate;
}

@keyframes ambient-drift {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(-2.5%, 1.8%) scale(1.04);
  }
  100% {
    transform: translate(2%, -1.8%) scale(0.98);
  }
}

/* Scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(94, 138, 66, 0.35);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--dock-active);
}