/* ==========================================================================
   VVRSMART ADAPTIVE VISUAL SYSTEM
   70% Core Brand Foundation + 30% Contextual Page Palettes
   ========================================================================== */

:root {
  /* ------------------------------------------------------------------------
     1. CORE BRAND PALETTE (FOUNDATION ACROSS 100% OF SYSTEM)
     ------------------------------------------------------------------------ */
  --vvr-obsidian: #0B0F14;      /* Primary dark background */
  --vvr-graphite: #151C24;      /* Cards, panels, surfaces */
  --vvr-graphite-hover: #1C2631;
  --vvr-mint: #65F6C2;          /* Primary Electric Mint brand accent */
  --vvr-mint-glow: rgba(101, 246, 194, 0.25);
  --vvr-mint-dim: rgba(101, 246, 194, 0.12);
  --vvr-ice: #E8FFF7;           /* Light accent text & surfaces */
  --vvr-slate: #82909C;         /* Secondary typography */
  --vvr-white: #FFFFFF;
  --vvr-border: rgba(255, 255, 255, 0.08);
  --vvr-border-strong: rgba(255, 255, 255, 0.16);
  --vvr-border-mint: rgba(101, 246, 194, 0.35);

  /* Active contextual assignments (Defaults to Core) */
  --theme-bg: var(--vvr-obsidian);
  --theme-surface: var(--vvr-graphite);
  --theme-surface-hover: var(--vvr-graphite-hover);
  --theme-accent: var(--vvr-mint);
  --theme-accent-glow: var(--vvr-mint-glow);
  --theme-accent-dim: var(--vvr-mint-dim);
  --theme-text-primary: var(--vvr-white);
  --theme-text-secondary: var(--vvr-slate);
  --theme-text-highlight: var(--vvr-ice);
  --theme-border: var(--vvr-border);
  --theme-border-accent: var(--vvr-border-mint);
}

/* ------------------------------------------------------------------------
   2. AI / INTELLIGENCE PALETTE (#/ai, AI Generation states, AI Assistant)
   Feel: Intelligent, computational, sophisticated
   ------------------------------------------------------------------------ */
body.theme-ai,
.theme-ai {
  --theme-bg: #0B0E1E;               /* Deep Indigo base */
  --theme-surface: #141933;          /* Dark Indigo surface */
  --theme-surface-hover: #1B2144;
  --theme-accent: #7667F5;           /* Neural Violet */
  --theme-accent-secondary: #48DDF5; /* Electric Cyan */
  --theme-accent-glow: rgba(118, 103, 245, 0.28);
  --theme-accent-dim: rgba(118, 103, 245, 0.14);
  --theme-text-primary: #F7F9FC;     /* Cloud White */
  --theme-text-secondary: #A0A9C2;
  --theme-text-highlight: #DCD9FF;   /* Soft Lavender */
  --theme-border: rgba(118, 103, 245, 0.16);
  --theme-border-accent: rgba(72, 221, 245, 0.35);
}

/* ------------------------------------------------------------------------
   3. XR / IMMERSIVE PALETTE (#/platform, XR Preview, 3D Canvas)
   Feel: Immersive, spatial, technological
   ------------------------------------------------------------------------ */
body.theme-xr,
.theme-xr {
  --theme-bg: #070B17;               /* Midnight */
  --theme-surface: #0E162B;
  --theme-surface-hover: #152240;
  --theme-accent: #42E8FF;           /* XR Cyan */
  --theme-accent-secondary: #355CFF; /* Ultramarine */
  --theme-accent-glow: rgba(66, 232, 255, 0.25);
  --theme-accent-dim: rgba(66, 232, 255, 0.12);
  --theme-text-primary: #F7FAFF;
  --theme-text-secondary: #8DA2C4;
  --theme-text-highlight: #B6A7FF;   /* Holographic Lilac */
  --theme-border: rgba(66, 232, 255, 0.14);
  --theme-border-accent: rgba(53, 92, 255, 0.4);
}

/* ------------------------------------------------------------------------
   4. EDUCATION / TRAINING PALETTE (Education, Learning, Simulation)
   Feel: Human, practical, trustworthy, educational
   ------------------------------------------------------------------------ */
body.theme-education,
.theme-education {
  --theme-bg: #09251F;               /* Deep Forest */
  --theme-surface: #10342C;
  --theme-surface-hover: #164238;
  --theme-accent: #25C88A;           /* Emerald */
  --theme-accent-secondary: #F1E8D5; /* Warm Sand */
  --theme-accent-glow: rgba(37, 200, 138, 0.25);
  --theme-accent-dim: rgba(37, 200, 138, 0.14);
  --theme-text-primary: #FFF9ED;     /* Cream */
  --theme-text-secondary: #A3C0B7;
  --theme-text-highlight: #F1E8D5;
  --theme-border: rgba(37, 200, 138, 0.18);
  --theme-border-accent: rgba(37, 200, 138, 0.35);
}

/* ------------------------------------------------------------------------
   5. HEALTHCARE / CLINICAL SIMULATION PALETTE
   Feel: Clean, trustworthy, precise, calm
   ------------------------------------------------------------------------ */
body.theme-healthcare,
.theme-healthcare {
  --theme-bg: #08252A;               /* Deep Teal */
  --theme-surface: #103238;
  --theme-surface-hover: #164047;
  --theme-accent: #35D5C3;           /* Aqua */
  --theme-accent-secondary: #4A8DFF; /* Clinical Blue */
  --theme-accent-glow: rgba(53, 213, 195, 0.25);
  --theme-accent-dim: rgba(53, 213, 195, 0.12);
  --theme-text-primary: #F2FAFA;     /* Cloud */
  --theme-text-secondary: #90B4BA;
  --theme-text-highlight: #4A8DFF;
  --theme-border: rgba(53, 213, 195, 0.16);
  --theme-border-accent: rgba(74, 141, 255, 0.35);
}

/* ------------------------------------------------------------------------
   6. ENTERPRISE & PRICING PALETTE (#/pricing, #/solutions, Business)
   Feel: Professional, reliable, enterprise-grade, high conversion trust
   ------------------------------------------------------------------------ */
body.theme-enterprise,
.theme-enterprise {
  --theme-bg: #111315;               /* Carbon */
  --theme-surface: #181C20;
  --theme-surface-hover: #22272D;
  --theme-accent: #4169E1;           /* Cobalt */
  --theme-accent-secondary: #65F6C2; /* Restrained Mint */
  --theme-accent-glow: rgba(65, 105, 225, 0.25);
  --theme-accent-dim: rgba(65, 105, 225, 0.12);
  --theme-text-primary: #FAFBFC;     /* White */
  --theme-text-secondary: #8E9BA7;   /* Steel-slate */
  --theme-text-highlight: #DCE2E7;   /* Silver */
  --theme-border: rgba(255, 255, 255, 0.1);
  --theme-border-accent: rgba(65, 105, 225, 0.35);
}

/* ------------------------------------------------------------------------
   7. ABOUT / COMPANY PALETTE (#/about)
   Feel: Human + ambitious + African + technological
   ------------------------------------------------------------------------ */
body.theme-about,
.theme-about {
  --theme-bg: #12372D;               /* Forest */
  --theme-surface: #1A463B;
  --theme-surface-hover: #23574A;
  --theme-accent: #527A68;           /* Moss */
  --theme-accent-secondary: #E8D9BD; /* Warm Sand */
  --theme-accent-glow: rgba(232, 217, 189, 0.2);
  --theme-accent-dim: rgba(232, 217, 189, 0.12);
  --theme-text-primary: #FAF7F0;     /* Off-white */
  --theme-text-secondary: #A7C2B8;
  --theme-text-highlight: #E8D9BD;
  --theme-border: rgba(232, 217, 189, 0.16);
  --theme-border-accent: rgba(82, 122, 104, 0.4);
}

/* ------------------------------------------------------------------------
   8. EVENTS / COMMUNITY PALETTE (#/events)
   Feel: Social, creative, energetic, experimental
   ------------------------------------------------------------------------ */
body.theme-events,
.theme-events {
  --theme-bg: #111218;               /* Night */
  --theme-surface: #1A1C26;
  --theme-surface-hover: #232533;
  --theme-accent: #B7F34A;           /* Lime */
  --theme-accent-secondary: #FF9A5B; /* Tangerine */
  --theme-accent-highlight: #8C7CFF; /* Electric Purple */
  --theme-accent-glow: rgba(183, 243, 74, 0.25);
  --theme-accent-dim: rgba(183, 243, 74, 0.14);
  --theme-text-primary: #FCFCFF;
  --theme-text-secondary: #9FA2B8;
  --theme-text-highlight: #B7F34A;
  --theme-border: rgba(183, 243, 74, 0.16);
  --theme-border-accent: rgba(255, 154, 91, 0.35);
}

/* ------------------------------------------------------------------------
   WORK / CASE STUDY DOMAIN ACCENTS
   ------------------------------------------------------------------------ */
.domain-tag-industrial {
  color: #FFA726;
  background: rgba(255, 167, 38, 0.12);
  border: 1px solid rgba(255, 167, 38, 0.3);
}
.domain-tag-education {
  color: #25C88A;
  background: rgba(37, 200, 138, 0.12);
  border: 1px solid rgba(37, 200, 138, 0.3);
}
.domain-tag-healthcare {
  color: #35D5C3;
  background: rgba(53, 213, 195, 0.12);
  border: 1px solid rgba(53, 213, 195, 0.3);
}
.domain-tag-realestate {
  color: #4169E1;
  background: rgba(65, 105, 225, 0.12);
  border: 1px solid rgba(65, 105, 225, 0.3);
}
.domain-tag-technology {
  color: #7667F5;
  background: rgba(118, 103, 245, 0.12);
  border: 1px solid rgba(118, 103, 245, 0.3);
}