/* PXHyperclutch shared black and lime visual system. */
:root{
  color-scheme:dark;
  --orange:#c8ff24!important;
  --orange-bright:#dcff57!important;
  --orange-dim:rgba(200,255,36,.10)!important;
  --orange-glow:rgba(200,255,36,.24)!important;
  --yellow:#d9ff4f!important;
  --green:#c8ff24!important;
  --green-dim:rgba(200,255,36,.09)!important;
  --cyan:#c8ff24!important;
  --blue:#a5d92b!important;
  --purple:#b6e938!important;
  --purple-dim:rgba(182,233,56,.10)!important;
  --bg:#050906!important;
  --bg2:#080e0a!important;
  --bg3:#0d1510!important;
  --bg4:#121c14!important;
  --border:rgba(208,255,112,.13)!important;
  --border-o:rgba(200,255,36,.30)!important;
  --text:#f5f8ef!important;
  --text2:rgba(235,243,224,.72)!important;
  --text3:rgba(213,229,195,.50)!important;
  --radius:14px;
  --radius-sm:9px;
  accent-color:#c8ff24;
}

html{scrollbar-color:#9ecb1d #080e0a}
body{background-color:var(--bg)!important;color:var(--text)!important}
::selection{background:rgba(200,255,36,.35);color:#050906}
.grid-bg{
  background-image:
    linear-gradient(rgba(200,255,36,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(200,255,36,.025) 1px,transparent 1px)!important;
}
.top-glow,#cursor-glow{
  background:radial-gradient(ellipse,rgba(200,255,36,.075) 0%,transparent 70%)!important;
}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#080e0a}
::-webkit-scrollbar-thumb{background:#78991b;border:2px solid #080e0a;border-radius:99px}

nav,header,.topbar,.navbar,.bottom-nav{
  background:rgba(5,9,6,.94)!important;
  border-color:var(--border)!important;
  backdrop-filter:blur(18px);
}

button:not([class*="danger"]):not([class*="delete"]):not([class*="logout"]),
input[type="submit"],input[type="button"],
a[class*="btn"]:not([class*="danger"]):not([class*="delete"]),
.btn:not(.btn-danger),.primary-btn,.submit-btn,.modal-accept{
  accent-color:#c8ff24;
}

button:not([class*="danger"]):not([class*="delete"]):not([class*="logout"]):not(.secondary):not(.ghost),
input[type="submit"],input[type="button"],
a[class*="btn"]:not([class*="danger"]):not([class*="delete"]),
.btn:not(.btn-danger),.primary-btn,.submit-btn,.modal-accept{
  border-color:rgba(200,255,36,.42)!important;
}
.nav-btn,.hero-btn-primary,.auth-nav-signup,.db-btn,.submit-btn,.modal-accept,
.btn-primary,.btn-edit,.btn-confirm,.primary-btn,.button.primary{
  background-color:#c8ff24!important;
  color:#071006!important;
}

input:not([type="checkbox"]):not([type="radio"]),select,textarea{
  color:var(--text)!important;
  background-color:rgba(4,10,6,.78)!important;
  border-color:var(--border)!important;
}
input:focus,select:focus,textarea:focus{
  border-color:#c8ff24!important;
  box-shadow:0 0 0 3px rgba(200,255,36,.12)!important;
  outline:none;
}
input::placeholder,textarea::placeholder{color:var(--text3)!important}

[class*="card"],[class*="panel"],[class*="tile"],
.modal,.form-card,.feature-card,.team-card,.hero-stat{
  border-color:var(--border)!important;
}
[class*="card"],[class*="panel"],[class*="tile"],.modal,.form-card{
  box-shadow:0 12px 34px rgba(0,0,0,.22);
}
table th{color:#d9ff4f}
table td,table th{border-color:var(--border)!important}
tr:hover td{background:rgba(200,255,36,.035)}
a:not([class*="btn"]):hover{color:#d9ff4f}
:focus-visible{outline:2px solid #c8ff24!important;outline-offset:3px}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}