:root {
  --rp-teal: #00b8a9;
  --rp-teal-dark: #008f82;
  --rp-teal-light: #e6f9f7;
  --rp-navy: #0a2540;
  --rp-navy-deep: #06182c;
  --rp-gold: #d4af37;
  --rp-gold-bright: #f59e0b;
  --rp-arabic-emerald: #047857;
  --rp-arabic-gold: #b45309;
  --cat-cbc: #c83e5b;
  --cat-chem: #26569c;
  --cat-elec: #19856e;
  --cat-cyto: #6b3fa0;
}

html {
  scroll-behavior: smooth;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Modern, Ultra-Legible UAE Executive Arabic Typography */
.font-arabic {
  font-family: 'Almarai', 'Readex Pro', sans-serif;
  letter-spacing: 0.01em;
  line-height: 1.6;
}

.font-arabic-display {
  font-family: 'Readex Pro', 'Almarai', sans-serif;
  line-height: 1.5;
}

.font-script {
  font-family: 'Caveat', cursive;
}

.font-mono-code {
  font-family: 'JetBrains Mono', monospace;
}

/* Distinct Arabic Styling Models */
.arabic-pill-gold {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  color: #92400e;
  border: 1px solid #f59e0b;
  box-shadow: 0 2px 10px rgba(245, 158, 11, 0.12);
}

.arabic-pill-dark {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.18) 0%, rgba(212, 175, 55, 0.08) 100%);
  color: #fde68a;
  border: 1px solid rgba(251, 191, 36, 0.45);
}

.arabic-pill-emerald {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  color: #065f46;
  border: 1px solid #10b981;
}

/* Executive Hero Background */
.executive-hero {
  background:
    radial-gradient(circle at 80% 15%, rgba(0, 184, 169, 0.18) 0%, transparent 40%),
    radial-gradient(circle at 15% 85%, rgba(212, 175, 55, 0.12) 0%, transparent 35%),
    linear-gradient(135deg, #051628 0%, #0a2540 55%, #0d3658 100%);
}

/* Automation Pipeline Cards */
.auto-step-card {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.auto-step-card.active {
  border-color: #00b8a9;
  background: linear-gradient(180deg, #ffffff 0%, #f0fdfa 100%);
  box-shadow: 0 16px 32px -10px rgba(0, 184, 169, 0.22);
  transform: translateY(-4px);
}

.auto-step-card.active .step-number {
  background-color: #00b8a9;
  color: #ffffff;
}

/* Brochure Panel Cards */
.brochure-card {
  border-radius: 1rem;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.brochure-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 30px -10px rgba(10, 37, 64, 0.12);
}

.brochure-header-cbc { background: linear-gradient(135deg, #c83e5b 0%, #b02e49 100%); }
.brochure-body-cbc { background-color: #f9eaee; }

.brochure-header-chem { background: linear-gradient(135deg, #26569c 0%, #1c437d 100%); }
.brochure-body-chem { background-color: #e3eef9; }

.brochure-header-elec { background: linear-gradient(135deg, #19856e 0%, #126b58 100%); }
.brochure-body-elec { background-color: #e0f2ef; }

.brochure-header-cyto { background: linear-gradient(135deg, #6b3fa0 0%, #552f85 100%); }
.brochure-body-cyto { background-color: #ede6f6; }

/* Species Hub Active Tab */
.species-tab {
  transition: all 0.2s ease;
}

.species-tab.active {
  background-color: #0a2540;
  color: #ffffff;
  border-color: #00b8a9;
  box-shadow: 0 10px 25px -5px rgba(10, 37, 64, 0.25);
}

.species-tab.active .species-icon-ring {
  background-color: #00b8a9;
  color: #ffffff;
  border-color: #ffffff;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #0a2540;
}

/* Print Layout */
@media print {
  body * {
    visibility: hidden;
  }
  #printable-area,
  #printable-area * {
    visibility: visible;
  }
  #printable-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: white !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  .no-print {
    display: none !important;
  }
}