/* public/css/style.css */

/* Base */
body {
  background-color: #121212;
  color: #e0e0e0;
  font-family: -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}
a {
  color: #ff9800;
}
a:hover {
  color: #ffc071;
  text-decoration: none;
}

/* Navbar */
.navbar {
  background-color: #1f1f1f !important;
}
.navbar .nav-link {
  color: #bbb !important;
}
.navbar .nav-link:hover {
  color: #fff !important;
}

/* Container wrappers */
.container {
  background-color: transparent;
}

/* Cards & Alerts */
.card, .alert {
  background-color: #1e1e1e;
  border: none;
  color: #e0e0e0;
}

/* Buttons */
.btn-primary {
  background-color: #ff9800;
  border-color: #ff9800;
}
.btn-primary:hover {
  background-color: #e68a00;
  border-color: #e68a00;
}
.btn-outline-secondary {
  color: #ff9800;
  border-color: #ff9800;
}
.btn-outline-secondary:hover {
  background-color: #ff9800;
  color: #121212;
}

/* Forms */
.form-control, .form-check-input {
  background-color: #2a2a2a;
  border: 1px solid #444;
  color: #e0e0e0;
}
.form-control:focus {
  background-color: #2a2a2a;
  border-color: #ff9800;
  box-shadow: 0 0 0 .2rem rgba(255,152,0,.25);
  color: #e0e0e0;
}

/* Footer spacing */
footer {
  margin-top: 3rem;
  padding: 1rem 0;
  color: #888;
}