@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-panel: #1b1626;
  --odoyama-ink: #f3eefc;
  --odoyama-ink-soft: #c3b8d9;
  --odoyama-gold: #e0b972;
  --odoyama-violet: #b18cff;
  --odoyama-cyan: #7fe0ff;
  --odoyama-border: rgba(255,255,255,0.09);
}

/*
  Alcance deliberado: SOLO la "cascara" persistente del backend (barra superior
  y panel de control), nunca el area de contenido (.o_action_manager). Discuss,
  Kanban, listas, formularios, calendario, etc. usan cientos de componentes OWL
  con colores propios que dan por hecho un fondo claro nativo de Odoo - forzar
  fondo oscuro ahi (como hacia la version anterior de este archivo) rompe el
  contraste de esos componentes en vez de "pintarlos". Si en el futuro se
  quiere un tema oscuro real, hay que rehacerlo componente por componente con
  verificacion visual, no con una regla global sobre el contenedor de la app.
*/

.o_main_navbar {
  background-color: var(--odoyama-bg-deep) !important;
  border-bottom: 1px solid var(--odoyama-border) !important;
  font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif;
}
.o_main_navbar .o_menu_brand,
.o_main_navbar a,
.o_main_navbar .dropdown-toggle {
  color: var(--odoyama-ink-soft) !important;
}

.o_control_panel, .o_control_panel_main {
  background-color: var(--odoyama-bg) !important;
  border-bottom: 1px solid var(--odoyama-border) !important;
}

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

.o_field_widget input:focus, .o_field_widget textarea:focus {
  outline-color: var(--odoyama-violet) !important;
  box-shadow: 0 0 0 2px var(--odoyama-violet) !important;
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--odoyama-bg-deep); }
::-webkit-scrollbar-thumb { background: var(--odoyama-panel); border-radius: 6px; }