/* ALCY Custom Modern CSS Design System */

:root {
  --navy-950: #060E21;
  --navy-900: #0B1B3D;
  --navy-800: #0F1E3D;
  --gold-500: #D4AF37;
  --gold-400: #E5C158;
  --gold-300: #F3E5AB;
}

/* Background Gradients & Grid Overlay */
.bg-radial-gradient {
  background: radial-gradient(circle at 50% 20%, rgba(15, 30, 61, 0.8) 0%, rgba(6, 14, 33, 1) 100%);
}

.bg-grid-pattern {
  background-image: 
    linear-gradient(to right, rgba(212, 175, 55, 0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(212, 175, 55, 0.05) 1px, transparent 1px);
  background-size: 40px 40px;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: var(--navy-950);
}
::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 5px;
  border: 2px solid var(--navy-950);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--gold-500);
}

/* Interactive Card Hover Glows */
.service-card, .acronym-card, .sector-card, .workflow-step-card {
  position: relative;
  overflow: hidden;
}

.service-card::before, .acronym-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold-500), transparent);
  transform: translateX(-100%);
  transition: transform 0.6s ease;
}

.service-card:hover::before, .acronym-card:hover::before {
  transform: translateX(100%);
}

/* Canvas Cursor */
#bim-canvas {
  touch-action: none;
}

/* Glassmorphism Classes */
.glass-panel {
  background: rgba(11, 27, 61, 0.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* RTL Support for Arabic Toggle */
[dir="rtl"] {
  font-family: 'Cairo', 'Inter', sans-serif;
}

/* ==========================================================================
   DYNAMIC MULTI-THEME ENGINE (FAILSAFE ATTRIBUTE & CLASS MATCHING)
   ========================================================================== */

/* --- THEME 2: EMERALD TECH (CYBER-BIM DARK MODE) --- */
html[data-theme="emerald-tech"],
body[data-theme="emerald-tech"],
body.theme-emerald-tech {
  background-color: #040d1a !important;
  color: #ecfdf5 !important;
}

html[data-theme="emerald-tech"] nav,
html[data-theme="emerald-tech"] header,
html[data-theme="emerald-tech"] footer,
html[data-theme="emerald-tech"] section,
html[data-theme="emerald-tech"] .bg-navy-950,
html[data-theme="emerald-tech"] .bg-navy-900,
html[data-theme="emerald-tech"] .bg-navy-800 {
  background-color: #020912 !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
}

html[data-theme="emerald-tech"] .glass-card-luxury,
html[data-theme="emerald-tech"] .service-card,
html[data-theme="emerald-tech"] .acronym-card,
html[data-theme="emerald-tech"] .sector-card,
html[data-theme="emerald-tech"] .workflow-step-card {
  background: linear-gradient(135deg, rgba(6, 30, 24, 0.85) 0%, rgba(6, 14, 23, 0.95) 100%) !important;
  border-color: rgba(16, 185, 129, 0.4) !important;
  box-shadow: 0 20px 50px rgba(16, 185, 129, 0.15) !important;
}

html[data-theme="emerald-tech"] .text-gold-400, 
html[data-theme="emerald-tech"] .text-gold-300,
html[data-theme="emerald-tech"] .text-gold-gradient {
  color: #34d399 !important;
  background: none !important;
  -webkit-text-fill-color: #34d399 !important;
}

html[data-theme="emerald-tech"] .bg-gold-500,
html[data-theme="emerald-tech"] .bg-gold-500\/20 {
  background-color: #10b981 !important;
  color: #040d1a !important;
}

html[data-theme="emerald-tech"] .border-gold-500\/40,
html[data-theme="emerald-tech"] .border-gold-500\/30,
html[data-theme="emerald-tech"] .border-gold-500\/20 {
  border-color: rgba(16, 185, 129, 0.4) !important;
}

/* --- THEME 3: PLATINUM EXECUTIVE (PRESTIGIOUS LIGHT MODE) --- */
html[data-theme="platinum-light"],
body[data-theme="platinum-light"],
body.theme-platinum-light {
  background-color: #f8fafc !important;
  color: #0f172a !important;
}

html[data-theme="platinum-light"] nav,
html[data-theme="platinum-light"] header,
html[data-theme="platinum-light"] footer,
html[data-theme="platinum-light"] section,
html[data-theme="platinum-light"] .bg-navy-950,
html[data-theme="platinum-light"] .bg-navy-900,
html[data-theme="platinum-light"] .bg-navy-800 {
  background-color: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}

html[data-theme="platinum-light"] h1,
html[data-theme="platinum-light"] h2,
html[data-theme="platinum-light"] h3,
html[data-theme="platinum-light"] h4,
html[data-theme="platinum-light"] .text-white {
  color: #0f172a !important;
}

html[data-theme="platinum-light"] p,
html[data-theme="platinum-light"] span,
html[data-theme="platinum-light"] div,
html[data-theme="platinum-light"] .text-slate-300,
html[data-theme="platinum-light"] .text-slate-400 {
  color: #334155 !important;
}

html[data-theme="platinum-light"] .glass-card-luxury,
html[data-theme="platinum-light"] .service-card,
html[data-theme="platinum-light"] .acronym-card,
html[data-theme="platinum-light"] .sector-card,
html[data-theme="platinum-light"] .workflow-step-card {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="platinum-light"] .text-gold-400, 
html[data-theme="platinum-light"] .text-gold-300,
html[data-theme="platinum-light"] .text-gold-gradient {
  color: #b45309 !important;
  background: none !important;
  -webkit-text-fill-color: #b45309 !important;
}

html[data-theme="platinum-light"] .bg-gold-500 {
  background-color: #0f172a !important;
  color: #ffffff !important;
}

html[data-theme="platinum-light"] input,
html[data-theme="platinum-light"] select,
html[data-theme="platinum-light"] textarea {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}