:root {
    --sv-primary:   #003b2f;  /* Bitstamp dark teal */
    --sv-accent:    #03fc9d;  /* Bitstamp neon green */
    --sv-success:   #03fc9d;

    --text-main:    #1A1D1C;
    --text-muted:   #6D7774;

    --bg-page:      #F7FAF9;  /* soft fintech light */
    --bg-card:      #FFFFFF;
    --bg-input:     #FFFFFF;

    --border-light: rgba(0,0,0,0.08);
    --shadow-card:  0px 12px 28px rgba(0,0,0,0.06);
}

/* --- PAGE BACKGROUND --- */
body {
    background-color: #F5FAF8;
    background-image: url('/img/swapverse-orbit-bg.svg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

/* Links */
a { color: var(--sv-primary); }

/* NAVBAR */
.navbar {
    background: #FFFFFF !important;
    border-bottom: 1px solid var(--border-light);
}

.navbar a {
    color: var(--text-main) !important;
}

/* HEADINGS */
h1, h2, h3, h4, h5 {
    color: var(--text-main);
}

/* MUTED TEXT */
.text-muted {
    color: var(--text-muted) !important;
}

/* CARDS / PANELS */
.card,
.exchange-section,
.dark-box {
    background: var(--bg-card) !important;
    border-radius: 20px;
    border: 1px solid var(--border-light);
    box-shadow: var(--shadow-card);
}

/* INPUTS */
.form-control {
    background: var(--bg-input) !important;
    color: var(--text-main) !important;
    border: 1px solid var(--border-light) !important;
}

.form-control:focus {
    border-color: var(--sv-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(0,59,47,0.20);
}

/* BUTTONS */
.btn-primary {
    background: var(--sv-primary) !important;
    border-color: var(--sv-primary) !important;
    color: #fff !important;
}

.btn-primary:hover {
    background: #012c23 !important;
}

.btn-secondary {
    background-color: var(--sv-accent) !important;
    border-color: var(--sv-accent) !important;
    color: #003b2f !important;
    font-weight: 600;
}

.btn-secondary:hover {
    background-color: #02e88f !important;
}

.btn-success {
    background: var(--sv-accent) !important;
    border-color: var(--sv-accent) !important;
    color: #003b2f !important;
    font-weight: 600;
}

.btn-light {
    background: #FFFFFF !important;
    color: var(--text-main) !important;
    border: 1px solid var(--border-light) !important;
}

.btn-light:hover {
    background: #eef4f2 !important;
    border-color: var(--sv-primary) !important;
}

/* TABS */
.nav-tabs .nav-link {
    color: var(--text-muted) !important;
    border: none !important;
}

.nav-tabs .nav-link.active {
    color: var(--sv-primary) !important;
    border-bottom: 3px solid var(--sv-primary) !important;
}

/* DROPDOWN */
.dropdown-menu,
.currency-list {
    background: #FFFFFF !important;
    border: 1px solid var(--border-light) !important;
    box-shadow: var(--shadow-card);
}

.dropdown-item {
    color: var(--text-main) !important;
}

.dropdown-item:hover {
    background: #F0F5F3 !important;
}

/* LANGUAGE SELECTOR */
.btn-light {
    background: #FFFFFF !important;
    color: var(--text-main) !important;
    border: 1px solid var(--border-light) !important;
}

.btn-light:hover,
.btn-light:focus {
    background: #F0F5F3 !important;
    border-color: var(--sv-primary) !important;
}