:root {
  --gr-black: #050505;
  --gr-dark-grey: #111111;
  --gr-card-bg: #151515;
  --gr-text: #ffffff;
  --gr-muted: #888888;
  --gr-border: #222222;
  --gr-accent: #ffffff;
}

body {
  font-family: "Inter", sans-serif;
  background-color: var(--gr-black);
  color: var(--gr-text);
  margin: 0;
  overflow-x: hidden;
}

.fw-black {
  font-weight: 900;
}

/* Modales */
.modal-content {
  background-color: var(--gr-card-bg);
  color: white;
  border: 1px solid var(--gr-border);
  border-radius: 24px;
}

.form-control {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--gr-border);
  color: white;
  border-radius: 12px;
}

.form-control:focus {
  background-color: rgba(255, 255, 255, 0.08);
  color: white;
  border-color: var(--gr-muted);
  box-shadow: none;
}

.btn-gr-light {
  background-color: white;
  color: black;
  font-weight: 800;
  border-radius: 12px;
  border: none;
  transition: all 0.2s ease;
}

.btn-gr-light:hover {
  background-color: #e0e0e0;
  transform: translateY(-2px);
}