@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');

:root {
  --odoyama-bg: #120e1a;
  --odoyama-bg-deep: #0a0713;
  --odoyama-gold: #e0b972;
  --odoyama-violet: #b18cff;
  --odoyama-cyan: #7fe0ff;
  --odoyama-ink: #f3eefc;
  --odoyama-ink-soft: #c3b8d9;
}

body {
  background: radial-gradient(circle at 20% 10%, rgba(177,140,255,.12), transparent 45%),
              radial-gradient(circle at 85% 80%, rgba(127,224,255,.10), transparent 40%),
              var(--odoyama-bg) !important;
  color: var(--odoyama-ink) !important;
  font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif !important;
}

.card, .oe_login_form, .o_login_card {
  background-color: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  color: var(--odoyama-ink) !important;
  backdrop-filter: blur(10px);
}

.form-control, input.form-control {
  background-color: rgba(255,255,255,0.06) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: var(--odoyama-ink) !important;
}

.btn-primary {
  background-color: var(--odoyama-gold) !important;
  border-color: var(--odoyama-gold) !important;
  color: #1b1626 !important;
}
.btn-primary:hover {
  background-color: var(--odoyama-violet) !important;
  border-color: var(--odoyama-violet) !important;
}

a { color: var(--odoyama-cyan) !important; }