/* ============================================================
   Think! Design & Planning — Service Suite Solid Themes CSS
   Deep solid dark canvases per domain (No rainbow/iridescent noise)
   ============================================================ */

/* Theme: Home (Pure Charcoal Midnight) */
body[data-service-suite="home"],
:root {
  background-color: #09090b !important;
  color: #ffffff;
  --theme-accent: #ffffff;
  --theme-card-bg: rgba(255, 255, 255, 0.04);
  --theme-card-border: rgba(255, 255, 255, 0.12);
}

/* Theme: Web & Software Engineering (Tech Midnight Navy) */
body[data-service-suite="web"] {
  background-color: #0b132b !important;
  color: #ffffff;
  --theme-accent: #22d3ee;
  --theme-card-bg: rgba(34, 211, 238, 0.04);
  --theme-card-border: rgba(34, 211, 238, 0.2);
}

/* Theme: Conservation Strategy (Deep Forest Emerald) */
body[data-service-suite="conservation"] {
  background-color: #022c22 !important;
  color: #ffffff;
  --theme-accent: #10b981;
  --theme-card-bg: rgba(16, 185, 129, 0.04);
  --theme-card-border: rgba(16, 185, 129, 0.2);
}

/* Theme: Culture + Memorial Design (Sacred Slate Blue) */
body[data-service-suite="cultural"] {
  background-color: #0f172a !important;
  color: #ffffff;
  --theme-accent: #818cf8;
  --theme-card-bg: rgba(129, 140, 248, 0.04);
  --theme-card-border: rgba(129, 140, 248, 0.2);
}

/* Theme: Think! Merchandise & Store (Streetwear Dark) */
body[data-service-suite="merchandise"] {
  background-color: #18181b !important;
  color: #ffffff;
  --theme-accent: #ffffff;
  --theme-card-bg: rgba(255, 255, 255, 0.05);
  --theme-card-border: rgba(255, 255, 255, 0.15);
}

/* Custom SVG Card Styling */
.custom-svg-card {
  background: var(--theme-card-bg);
  border: 1px solid var(--theme-card-border);
  backdrop-filter: blur(12px);
  transition: transform 0.3s cubic-bezier(.4,0,.2,1), border-color 0.3s ease, box-shadow 0.3s ease;
}

.custom-svg-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
}