/* =========================
   1) Super-light Reset (neutral)
   ========================= */

/* Box sizing everywhere */
*, *::before, *::after { box-sizing: border-box; }

/* Remove default margin on common blocks */
html, body, h1, h2, h3, h4, h5, h6,
p, blockquote, figure { margin: 0; }

/* Keep lists & form styles mostly intact (Bootstrap-friendly) */
/* Images/media sizing */
img, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Typographic hygiene (neutral) */
html { -webkit-text-size-adjust: 100%; }
body {
  line-height: 1.5;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Tables */
table { border-collapse: collapse; border-spacing: 0; }

/* Headings inherit weight/size only if you want a plain baseline */
h1, h2, h3, h4, h5, h6 {
  font-weight: inherit;
  font-size: inherit;
}

/* Root hint only (no theme colors here) */
:root { color-scheme: light dark; }

/* =========================
   2) Site Theme (your look)
   ========================= */

/* Dark tokens */
:root {
  --bg: #0f0f10;
  --card: #151517;
  --border: #242428;
  --text: #e4e4e7;
  --link: #8ab4ff; /* optional: a readable dark link color */
}

/* Bootstrap variables when data-bs-theme=dark is present */
[data-bs-theme="dark"] {
  --bs-body-bg: var(--bg);
  --bs-body-color: var(--text);
}

/* Page canvas */
body {
  background-color: var(--bg);
  color: var(--text);
}

/* Links (optional; comment out if you prefer Bootstrap default) */
a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; }

/* Cards */
.card {
  background-color: var(--card);
  border: 1px solid var(--border);
}
.card-footer {
  background: transparent;
  border-top: 1px solid var(--border);
}

/* Navbar & footer surface */
.navbar,
footer {
  background-color: #121214 !important;
}