/* Custom CSS Variables & Styling for SSTekno.info */

:root {
  --brand-navy: #0F172A;
  --brand-slate: #1E293B;
  --brand-blue: #2563EB;
  --brand-cyan: #06B6D4;
  --brand-emerald: #10B981;
  --brand-wagreen: #25D366;
  --brand-light-bg: #F8FAFC;
  --brand-card-bg: #FFFFFF;
}

/* Base Scroll Settings */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}

body {
  background-color: var(--brand-light-bg);
  color: var(--brand-slate);
}

/* Custom Webkit Scrollbar */
::-webkit-scrollbar {
  width: 9px;
}
::-webkit-scrollbar-track {
  background: #F1F5F9;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}

/* Active Nav State */
.nav-link.active {
  color: var(--brand-blue);
  font-weight: 700;
  border-bottom: 2px solid var(--brand-blue);
}

/* Subtle elevation shadow */
.hover-elevation {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover-elevation:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px -6px rgba(15, 23, 42, 0.08);
}