/* Estilos del portal Black Forest. Aquí se cambian colores, tipografías y espaciados.
   Bootstrap 5.3 se carga antes (/vendor/bootstrap.min.css); lo de abajo lo sobrescribe. */

:root {
  --bf-dark: #1a1a1a;          /* fondo de la página */
  --bf-accent: #8a6b4a;        /* botones */
  --bf-accent-dark: #6f5439;   /* botones al pasar el mouse / presionar */
}

body { background: var(--bf-dark); min-height: 100vh; }
.bf-container { max-width: 460px; }
.bf-logo { width: 64px; height: auto; }

.card { border: 0; border-radius: 1rem; }
.form-control, .form-select { padding: .7rem .8rem; }

.btn-bf {
  --bs-btn-bg: var(--bf-accent);
  --bs-btn-border-color: var(--bf-accent);
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: var(--bf-accent-dark);
  --bs-btn-hover-border-color: var(--bf-accent-dark);
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--bf-accent-dark);
  --bs-btn-active-color: #fff;
}

/* Selector de idioma */
.bf-lang a { color: #bbb; text-decoration: none; font-size: .85rem; padding: .2rem .45rem; border-radius: .4rem; }
.bf-lang a.on { background: #ffffff22; color: #fff; font-weight: 600; }