/* Base */
body {
  background-color: #0a0a0a;
  color: #f0f0f0;
  font-family: 'Inter', sans-serif;
}

/* Card/form container */
.container, .wrap {
  background-color: #111111;
  border: 1px solid #222222;
  border-radius: 8px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.4);
}

/* Headings */
h1, h2, h3, h4 {
  color: #ffffff;
}

/* Paragraph text */
p, label, span {
  color: #cccccc;
}

/* Links */
a {
  color: #4f9cf9;
}
a:hover {
  color: #ffffff;
}

/* Input fields */
input[type="text"],
input[type="email"] {
  background-color: #1a1a1a;
  border: 1px solid #333333;
  color: #ffffff;
  border-radius: 4px;
}
input::placeholder {
  color: #666666;
}

/* Primary button */
button[type="submit"],
.button.is-primary {
  background-color: #4f9cf9;
  border: none;
  color: #ffffff;
  border-radius: 4px;
  font-weight: 600;
}
button[type="submit"]:hover,
.button.is-primary:hover {
  background-color: #2b7de9;
}

/* Navbar/header */
nav, .navbar {
  background-color: #0a0a0a;
  border-bottom: 1px solid #1e1e1e;
}

/* Footer */
footer {
  color: #555555;
  border-top: 1px solid #1e1e1e;
}