:root {
  /* Core palette */
  --bg: #0b0e13;
  --surface: #10161f;
  --surface-2: #141c26;
  --muted: #1b2532;
  --border: #2a3a4d;

  --text: #e6e9ee;
  --text-muted: #9aa6b2;

  /* Accents (juicy) */
  --primary: #8b5cf6;        /* violet */
  --primary-600: #7c3aed;
  --secondary: #14b8a6;      /* teal */
  --accent: #f97316;         /* orange */

  --link: #a78bfa;
  --link-hover: #c084fc;

  --success: #22c55e;
  --warning: #f59e0b;
  --danger:  #ef4444;

  --card: var(--surface);
  --card-hover: #15202b;

  --btn-bg: var(--primary);
  --btn-bg-hover: var(--primary-600);
  --btn-text: #ffffff;

  --ring: 0 0 0 3px rgba(139,92,246,0.25);
}

/* Base */
html, body {
  background: var(--bg) !important;
  color: var(--text) !important;
}
::selection { background: rgba(139,92,246,.35); color:#fff; }

/* Links */
a { color: var(--link); }
a:hover, a:focus { color: var(--link-hover); text-decoration: none; }

/* Headings & text */
h1, h2, h3, h4, h5, h6 { color: var(--text); }
small, .muted, .text-muted { color: var(--text-muted) !important; }

/* Cards / panels / sections */
.card, .panel, .widget, .box, .elementor-widget-container, .modal-content,
.section, .content-box, .pricing, .testimonial, .features, .blog-card {
  background: var(--card) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}
.card:hover, .panel:hover, .widget:hover, .box:hover, .blog-card:hover {
  background: var(--card-hover) !important;
}
hr, .divider, .border, .table, table, .table thead th, .table td {
  border-color: var(--border) !important;
}

/* Navbars / header / footer */
.navbar, .header, header, .site-header, .menu, .topbar, .footer, footer, .site-footer {
  background: var(--surface) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

/* Buttons */
button, .btn, [type="button"], [type="submit"], .button, .wp-block-button__link {
  background: var(--btn-bg) !important;
  color: var(--btn-text) !important;
  border: 1px solid var(--btn-bg) !important;
  box-shadow: none !important;
}
button:hover, .btn:hover, [type="button"]:hover, [type="submit"]:hover,
.button:hover, .wp-block-button__link:hover {
  background: var(--btn-bg-hover) !important;
  border-color: var(--btn-bg-hover) !important;
}
.btn-outline, .btn-outline-primary, .button.outline {
  background: transparent !important;
  color: var(--btn-bg) !important;
  border: 1px solid var(--btn-bg) !important;
}
.btn-outline:hover, .btn-outline-primary:hover, .button.outline:hover {
  background: var(--btn-bg) !important;
  color: #fff !important;
}

/* Badges / labels */
.badge, .label, .tag {
  background: var(--muted) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

/* Forms */
input[type="text"], input[type="email"], input[type="password"], input[type="search"],
input[type="url"], input[type="tel"], input[type="number"], select, textarea,
.form-control, .input, .select, .textarea {
  background: var(--surface-2) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}
input::placeholder, textarea::placeholder { color: var(--text-muted) !important; }
input:focus, select:focus, textarea:focus, .form-control:focus {
  outline: none !important;
  border-color: var(--primary) !important;
  box-shadow: var(--ring) !important;
}

/* Tabs / pills / pagination */
.nav-tabs .nav-link, .pagination .page-link, .page-item .page-link, .tabs .tab {
  background: var(--muted) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}
.nav-tabs .nav-link.active, .pagination .page-item.active .page-link, .tabs .tab.active {
  background: var(--primary) !important;
  color: #fff !important;
  border-color: var(--primary) !important;
}

/* Tables */
table, .table { background: var(--surface) !important; color: var(--text) !important; }
.table-striped tbody tr:nth-of-type(odd) { background: var(--surface-2) !important; }

/* Alerts */
.alert, .notice {
  background: var(--surface-2) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}
.alert-success { border-left: 3px solid var(--success) !important; }
.alert-warning { border-left: 3px solid var(--warning) !important; }
.alert-danger  { border-left: 3px solid var(--danger) !important; }

/* Breadcrumbs / secondary UI */
.breadcrumb, .subnav, .sidebar, aside {
  background: var(--surface) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

/* Buttons: secondary & accent utility classes */
.btn-secondary { background: var(--secondary) !important; border-color: var(--secondary) !important; color:#001014 !important; }
.btn-accent    { background: var(--accent) !important;    border-color: var(--accent) !important;    color:#0f0804 !important; }

/* Shadows (subtle) */
.card, .panel, .widget, .box, .modal-content {
  box-shadow: 0 10px 30px rgba(0,0,0,.45) !important;
}

/* Images and media keep original look */
img, video { filter: none !important; }