/* === Brand Colors === */
:root {
  --bs-primary: #E73883;
  --bs-body-color: #CCCCCC;
  --bs-body-bg: #0D0D0D;
  --bs-dark: #1A1A1A;
  --bs-border-color: #2E2E2E;
}

/* === Base Typography === */
body {
  color: var(--bs-body-color) !important;
  background-color: #0D0D0D;
  background-image: url("https://cdn.vnoc.com/eshares/wrap-bg.png");
  font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
}

/* === Navbar === */
.navbar {
  background-color: #1A1A1A !important;
  border-bottom: 1px solid var(--bs-border-color);
}

.navbar .nav-link {
  color: #CCCCCC;
  font-weight: 500;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: #E73883;
}

.navbar-brand {
  color: #FFFFFF;
}

.navbar-brand:hover {
  color: #E73883;
}

/* === Buttons === */
.btn-primary {
  background-color: #E73883;
  border-color: #E73883;
  color: #FFFFFF;
}

.btn-primary:hover {
  background: linear-gradient(90deg, #E73883, #FF61B6);
  border-color: #FF4D9E;
  color: #FFFFFF;
}

.btn-outline-secondary {
  color: #CCCCCC;
  border-color: #888888;
}

.btn-outline-secondary:hover {
  background-color: #1A1A1A;
  border-color: #E73883;
  color: #E73883;
}

/* === Links === */
a {
  color: #E73883;
  text-decoration: none;
}

a:hover {
  color: #FF61B6;
  text-decoration: none;
}

/* === Cards & Surfaces === */
.card {
  background-color: #1a1a1a !important;
  border: 1px solid #2E2E2E !important;
  color: #CCCCCC !important;
}

hr {
  border-top: 1px solid #2E2E2E;
}

/* === Utility === */
.bg-surface {
  background-color: #1A1A1A !important;
}

.bg-surface-dark {
  background-color: #0D0D0D !important;
}

.text-muted {
  color: #999999 !important;
}

.text-base {
  color: #888888 !important;
}

/* === Status Colors === */
.text-success {
  color: #12B76A !important;
}

.text-danger {
  color: #F97066 !important;
}

.text-warning {
  color: #FEC84B !important;
}

.bg-success {
  background-color: #12B76A !important;
}

.bg-danger {
  background-color: #F97066 !important;
}

.bg-warning {
  background-color: #FEC84B !important;
}

.bg-magenta {
	background-color: #E73883 !important;
}

.deep-black {
	background-color: #0D0D0D !important;
}

.docs-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.pad-2 {
  padding: 2rem;
}

.h100 {
  height: 100px;
}

/* === Logo === */
.eHeader .logo-domain {
  height: 32px;
}

.hero-section {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.feature-section, .tokenization-section, .cta-section {
	padding: 6rem 0rem;
}

footer {
	padding: 4rem 0rem;
}