/* =========================================================
   OKSIR Neon Brand — BootstrapMade GP override
   ========================================================= */

/* 1. Fonts (Google) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

/* 2. Brand variables */
:root {
  /* Core brand */
  --accent-color:  #C8FD04;   /* Neon Green  */
  --accent-color2: #0066FF;   /* Electric Blue */
  --accent-color3: #FE4299;   /* Neon Pink   */
  --background-color: #171710;/* Charcoal BG */
  --surface-color:   #1F1F1A; /* Cards / tables */
  --default-color:   #E5E5E5; /* Body text     */
  --heading-color:   #C8FD04; /* Neon for H-tags */
  --contrast-color:  #000;    /* Text on accent-btn */

  /* Typography */
  --default-font: "Poppins", sans-serif;
  --heading-font: "Poppins", sans-serif;
  --nav-font: "Poppins", sans-serif;
}

/* 3. Global tweaks */
body {
  font-family: var(--default-font);
  background-color: var(--background-color);
  color: var(--default-color);
}

/* Accents in text */
.text-accent1 { color: var(--accent-color); }
.text-accent2 { color: var(--accent-color2); }
.text-accent3 { color: var(--accent-color3); }

/* Hero neon glow */
.hero-neon {
  color: var(--accent-color);
  text-shadow: 0 0 6px rgba(200,253,4,.9),
               0 0 16px rgba(200,253,4,.6),
               0 0 32px rgba(200,253,4,.4);
}

/* Buttons */
.btn-primary, .btn-success, .cta-btn {
  font-weight: 600;
  text-shadow: 0 0 4px rgba(0,0,0,.4);
  border: none;
}
.btn-primary   { background: var(--accent-color); }
.btn-success   { background: var(--accent-color2); }
.btn-danger    { background: var(--accent-color3); }
.btn-primary:hover,
.btn-success:hover,
.btn-danger:hover,
.cta-btn:hover {
  filter: brightness(1.1);
}

/* Tables & list-groups */
.table, .accordion-item, .list-group-item {
  background-color: var(--surface-color);
  border-color: #2d2d22;
  color: var(--default-color);
}

/* Dark section override */
.dark-background {
  --background-color: #0E0E0B;
  --default-color: #FFFFFF;
  --heading-color: #FFFFFF;
  --surface-color: #252525;
}

/* Footer */
.footer {
  background: #0E0E0B;
  color: #666;
}