/* ============================================================
   TunaGrow CBO — Theme Definitions
   File: css/themes.css
   ============================================================ */

[data-theme="light"], :root {
  --earth: #3b2a1a; --soil: #6b4226; --harvest: #c97d2e;
  --sun: #f2b84b; --leaf: #4a7c3f; --sprout: #7db567;
  --cream: #fdf6ec; --light: #fff9f0; --muted: #8a7060;
  --white: #ffffff; --bg: #fdf6ec; --surface: #fff9f0;
  --border: rgba(107,66,38,0.12); --text: #3b2a1a;
  --card-bg: #ffffff; --shadow: rgba(59,42,26,0.10);
}

[data-theme="dark"] {
  --earth: #f0e6d3; --soil: #d4a97a; --harvest: #e8a44a;
  --sun: #f2b84b; --leaf: #6aaa3a; --sprout: #8bc34a;
  --cream: #1a1209; --light: #2a1f14; --muted: #b8a088;
  --white: #f0e6d3; --bg: #0f0a05; --surface: #1a1209;
  --border: rgba(240,230,211,0.15); --text: #f0e6d3;
  --card-bg: #2a1f14; --shadow: rgba(0,0,0,0.30);
}

[data-theme="forest"] {
  --earth: #2d3a1c; --soil: #5a7d3a; --harvest: #8bc34a;
  --sun: #ffd54f; --leaf: #3d8c30; --sprout: #66bb6a;
  --cream: #f0f7ee; --light: #f5faf3; --muted: #6b8b5e;
  --white: #ffffff; --bg: #f0f7ee; --surface: #f5faf3;
  --border: rgba(90,125,58,0.15); --text: #2d3a1c;
  --card-bg: #ffffff; --shadow: rgba(45,58,28,0.10);
}

[data-theme="sunset"] {
  --earth: #4a1e0e; --soil: #c25a1e; --harvest: #e05c1a;
  --sun: #ffab40; --leaf: #d84315; --sprout: #ef6c00;
  --cream: #fff5ef; --light: #fff8f5; --muted: #b8846a;
  --white: #ffffff; --bg: #fff5ef; --surface: #fff8f5;
  --border: rgba(194,90,30,0.15); --text: #4a1e0e;
  --card-bg: #ffffff; --shadow: rgba(74,30,14,0.10);
}

[data-theme="ocean"] {
  --earth: #1a3a4a; --soil: #2e86c1; --harvest: #3498db;
  --sun: #f39c12; --leaf: #2980b9; --sprout: #5dade2;
  --cream: #eef6fb; --light: #f5fafd; --muted: #6b9ab8;
  --white: #ffffff; --bg: #eef6fb; --surface: #f5fafd;
  --border: rgba(46,134,193,0.15); --text: #1a3a4a;
  --card-bg: #ffffff; --shadow: rgba(26,58,74,0.10);
}

[data-theme="darkforest"] {
  --earth: #c8e6c9; --soil: #81c784; --harvest: #a5d6a7;
  --sun: #ffd54f; --leaf: #6aaa3a; --sprout: #8bc34a;
  --cream: #0d1a0c; --light: #142310; --muted: #6b8b5e;
  --white: #c8e6c9; --bg: #080f07; --surface: #0d1a0c;
  --border: rgba(200,230,201,0.15); --text: #c8e6c9;
  --card-bg: #142310; --shadow: rgba(0,0,0,0.30);
}

/* ── Adaptive Progressive Loading Utilities ── */
.adaptive-image-wrapper { 
  position: relative; 
  overflow: hidden; 
  background-color: var(--border); 
  width: 100%; 
  height: 100%; 
}
.adaptive-image-blur { 
  filter: blur(10px); 
  transform: scale(1.05); 
  transition: filter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s ease; 
}
.adaptive-image-loaded { 
  filter: blur(0); 
  transform: scale(1); 
}
.img-cover { 
  width: 100%; 
  height: 100%; 
  object-fit: cover; 
}
.adaptive-bg-wrapper {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.img-contain {
  object-fit: contain !important;
}
.logo-wrapper {
  width: auto !important;
  max-width: 200px;
  background-color: transparent !important;
}
.logo-wrapper img {
  object-fit: contain !important;
}