/* ============================================================
   C&C Trading — shared dark theme (portal, admin, auth pages)
   Edit the tokens below to re-skin the whole site.
   ============================================================ */
:root{
  color-scheme: dark;
  --page:#07090F;          /* page background            */
  --surface:#0E131D;       /* cards, panels, inputs      */
  --surface-2:#131A27;     /* raised / hover             */
  --side:#0A0E16;          /* sidebars                   */
  --blue:#2563EB;          /* primary accent (buttons)   */
  --blue-mid:#60A5FA;      /* links, focus               */
  --blue-hover:#1D4ED8;
  --blue-lt:rgba(59,130,246,.16);
  --blue-xlt:rgba(59,130,246,.08);
  --blue-bd:rgba(96,165,250,.35);
  --green:#34D399; --green-lt:rgba(52,211,153,.13); --green-bd:rgba(52,211,153,.35); --green-hover:#059669;
  --orange:#FBBF24; --orange-lt:rgba(251,191,36,.12); --orange-bd:rgba(251,191,36,.35);
  --red:#F87171; --red-lt:rgba(248,113,113,.12); --red-bd:rgba(248,113,113,.35);
  --text:#E8ECF4; --text2:#B3BCCC; --text3:#7C8699;
  --border:#1C2433; --border2:#2A3447;
  --bg:#0E131D; --bg2:#07090F; --bg3:#151C2A;
  --shadow:0 1px 0 rgba(255,255,255,.03) inset, 0 10px 30px rgba(0,0,0,.35);
}
html,body{background:var(--page) !important;color:var(--text);}
body{background-image:radial-gradient(1200px 500px at 70% -10%,rgba(37,99,235,.10),transparent 60%) !important;background-attachment:fixed !important;}
::selection{background:rgba(37,99,235,.45);}
a{color:var(--blue-mid);}

/* Sidebars & top bars */
.sidebar{background:var(--side) !important;border-right:1px solid var(--border) !important;}
.sb-logo{color:var(--text) !important;border-bottom-color:var(--border) !important;}
.sb-link{color:var(--text3) !important;}
.sb-link:hover{background:rgba(255,255,255,.04) !important;color:var(--text) !important;}
.sb-link.active{background:var(--blue-lt) !important;color:#fff !important;}
.sb-link.active::before{background:var(--blue) !important;}
.sb-bottom{border-top-color:var(--border) !important;}
.topbar,.top-bar,nav{background:rgba(7,9,15,.85) !important;backdrop-filter:blur(10px);border-bottom:1px solid var(--border) !important;}
.top-bar a,nav .logo,.topbar-title{color:var(--text) !important;}

/* Surfaces */
.card,.modal,.acc-card,.stat-card,.plan-card,.auth-card,.ea-card,.step-section,.crypto-opt,.compare-table,.tabs,.addr-box,.crypto-item{background:var(--surface) !important;border-color:var(--border) !important;box-shadow:var(--shadow) !important;}
.card-head,.modal-head,.modal-foot,.acc-card-head{border-color:var(--border) !important;}
.plan-card.featured,.plan-card.selected,.crypto-opt.selected{background:var(--blue-xlt) !important;border-color:var(--blue) !important;}
.tbl th,.compare-table th,.input-table th{background:var(--surface-2) !important;color:var(--text3) !important;border-color:var(--border) !important;}
.tbl td,.compare-table td,.input-table td{border-color:var(--border) !important;color:var(--text2);}
.tbl tr:hover td,.compare-table tr:hover td{background:rgba(255,255,255,.02) !important;}
.modal-bg{background:rgba(2,4,8,.7) !important;}

/* Forms */
input,select,textarea{background:var(--page) !important;color:var(--text) !important;border-color:var(--border2) !important;}
input::placeholder,textarea::placeholder{color:#566074 !important;}
input:focus,select:focus,textarea:focus{border-color:var(--blue-mid) !important;box-shadow:0 0 0 3px rgba(37,99,235,.18);}
input[readonly]{opacity:.75;}

/* Buttons */
.btn{border-radius:10px !important;}
.btn-primary{background:var(--blue) !important;color:#fff !important;box-shadow:0 6px 20px rgba(37,99,235,.28);}
.btn-primary:hover{background:var(--blue-hover) !important;}
.btn-outline,.btn-ghost{background:transparent !important;border:1px solid var(--border2) !important;color:var(--text2) !important;}
.btn-outline:hover,.btn-ghost:hover{border-color:var(--blue-mid) !important;color:#fff !important;}
.btn-green,.btn-success{background:#059669 !important;color:#fff !important;}
.btn-danger{background:var(--red-lt) !important;color:var(--red) !important;border:1px solid var(--red-bd) !important;}
.btn-warn{background:var(--orange-lt) !important;color:var(--orange) !important;border:1px solid var(--orange-bd) !important;}
.step-btn{background:var(--surface-2) !important;color:var(--text3) !important;border-color:var(--border) !important;}
.step-btn.active,.tab.active{background:var(--blue) !important;color:#fff !important;}
.step-btn.done{background:var(--green-lt) !important;color:var(--green) !important;}
.tab{color:var(--text3) !important;}
.tab:hover{background:rgba(255,255,255,.04) !important;color:var(--text) !important;}

/* Alerts / info / tokens */
.alert-success,.msg-success{background:var(--green-lt) !important;color:var(--green) !important;border-color:var(--green-bd) !important;}
.alert-error,.msg-error{background:var(--red-lt) !important;color:var(--red) !important;border-color:var(--red-bd) !important;}
.alert-warn,.alert-warning{background:var(--orange-lt) !important;color:var(--orange) !important;border-color:var(--orange-bd) !important;}
.alert-info,.info{background:var(--blue-xlt) !important;color:#BFD6FF !important;border-color:var(--blue-bd) !important;}
.token-row,.token-box,.crypto-addr,.addr-value,.sub-bar{background:var(--page) !important;border-color:var(--border) !important;}
code{background:var(--surface-2);color:#BFD6FF;padding:1px 6px;border-radius:5px;}
.auth-card h1::after{content:'';display:block;width:36px;height:3px;background:var(--blue);border-radius:2px;margin-top:10px;}
.meta-item{background:transparent !important;}