/* Crosspool dark theme */
:root {
  --black: #0b0b0b;
  --ink:   #0f1113;
  --teal-600: #B88746;   /* dark teal accent */
  --teal-700: #38424E;
  --teal-800: #0C2836;
  --text:  #e6e7e8;
  --subtle:#a7b2b0;
  --card:  #121417;
  --border:#1e2426;
}

/* Apply Inter to the whole site */
html, body {
    font-family: 'Inter', sans-serif !important;
}

/* Improve contrast and readability */
body {
    font-weight: 400;
    color: #38424E;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    letter-spacing: 0.5px;
}

.navbar-nav .nav-link {
    font-weight: 600;
    letter-spacing: 0.2px;
}

.card-dark h4, 
.card-dark h5 {
    font-weight: 600;
}

.btn {
    font-weight: 500;
    letter-spacing: 0.3px;
}

html, body { background: var(--black); color: var(--text); }
.bg-ink { background: var(--ink) !important; }
.text-teal { color: var(--teal-600) !important; }
.border-teal-700 { border-color: var(--teal-700)!important; }
.border-teal-800 { border-color: var(--teal-800)!important; }
.btn-teal { background: var(--teal-600); border-color: var(--teal-600); color: #fff; }
.btn-teal:hover { background: var(--teal-700); border-color: var(--teal-700); color: #fff; }
.card-dark { background: var(--card); border: 1px solid var(--border); color: var(--text); }
.hero {
  background: radial-gradient(1200px 600px at 10% -10%, rgba(255,255,255,.05), transparent),
              radial-gradient(1000px 500px at 90% 0%, rgba(255,255,255,.025), transparent);
  padding: 7rem 0 5rem;
}
a { color: var(--teal-600); }
a:hover { color: var(--teal-700); }
.form-control, .form-select, .form-check-input { background: #0e1113; border-color: #212a2c; color: var(--text); }
.form-control:focus { border-color: var(--teal-600); box-shadow: 0 0 0 .25rem rgba(11,126,121,.15); }
.table-dark { --bs-table-bg: #0f1316; --bs-table-striped-bg: #0e1417; }
.navbar-brand img { background: transparent; }